Archives
/
calibre-web
mirror of https://github.com/janeczku/calibre-web
2
0
Fork 0
Code Issues Releases Wiki Activity

improve basic CSS, add cover image

Browse Source
pull/3008/head
Chris Arderne 2 months ago
parent 57759e378c
commit 51eb6bddf6
2 changed files with 92 additions and 13 deletions
Show Stats Download Patch File Download Diff File

4
cps/templates/basic_detail.html
Unescape Escape View File

@ -10,6 +10,10 @@
{% endfor %} {% endfor %}
</div> </div>
<div class="cover">
<img title="{{ entry.title }}" src="{{ url_for('web.get_cover', book_id=entry.id, resolution='og', c=entry|last_modified) }}"/>
</div>
{% if current_user.role_download() %} {% if current_user.role_download() %}
{% if entry.data|length %} {% if entry.data|length %}
<div> <div>

101
cps/templates/basic_layout.html
Unescape Escape View File

@ -1,16 +1,86 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ current_user.locale }}"> <html lang="{{ current_user.locale }}">
<head>
<title>{{instance}} | {{title}}</title> <head>
<meta charset="utf-8"> <title>{{instance}} | {{title}}</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=5,user-scalable=no' /> <meta charset="utf-8">
</head> <meta name='viewport' content='initial-scale=1,maximum-scale=5,user-scalable=no' />
<body> <style>
body {
margin: 0;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f8f8f8;
height: 50px;
}
nav > a {
color: black;
margin-right: 20px;
}
.search {
margin: 20px auto;
width: 50%;
display: flex;
flex: 1;
}
.search > input {
padding-left: 4px;
}
.search > * {
height: 32px;
background-color: white;
border-radius: 0;
border: 1px solid #ccc;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.search > span {
margin-left: -5px;
}
.search button {
border: none;
padding: 0;
margin: 0;
width: 80px;
height: 100%;
background-color: white;
}
.body {
padding: 0 20px;
}
.body a {
color: black;
}
.body img {
width: 150px;
height: 250px;
object-fit: cover;
}
</style>
</head>
<body>
<div>
<div> <div>
<div> {% if current_user.is_authenticated or g.allow_anonymous %}
{% if current_user.is_authenticated or g.allow_anonymous %} <nav>
<form role="search" action="{{url_for('basic.index')}}" method="GET"> <form role="search" action="{{url_for('basic.index')}}" method="GET">
<div> <div class="search">
<input type="text" id="query" name="query" placeholder="{{_('Search Library')}}" value="{{searchterm}}"> <input type="text" id="query" name="query" placeholder="{{_('Search Library')}}" value="{{searchterm}}">
<span> <span>
<button type="submit" id="query_submit">{{_('Search')}}</button> <button type="submit" id="query_submit">{{_('Search')}}</button>
@ -22,9 +92,14 @@
<span>{{_('Logout')}}</span> <span>{{_('Logout')}}</span>
</a> </a>
{% endif %} {% endif %}
{% endif %} </nav>
</div> {% endif %}
</div> </div>
{% block body %}{% endblock %} </div>
</body> <div class="body">
{% block body %}
{% endblock %}
</div>
</body>
</html> </html>

Write Preview
Loading…
Cancel
Save