mirrors/calibre-web
1
0
Fork 0
mirror of https://github.com/janeczku/calibre-web synced 2025-01-23 07:27:00 +00:00
Code Issues Releases Wiki Activity

improve basic CSS, add cover image

Browse Source
This commit is contained in:
Chris Arderne 2024-04-03 10:40:13 +01:00
parent 57759e378c
commit 51eb6bddf6
2 changed files with 92 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
cps/templates/basic_detail.html
View File

@ -10,6 +10,10 @@
{% endfor %}
</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 entry.data|length %}
<div>

93
cps/templates/basic_layout.html
View File

@ -1,16 +1,86 @@
<!DOCTYPE html>
<html lang="{{ current_user.locale }}">
<head>
<title>{{instance}} | {{title}}</title>
<meta charset="utf-8">
<meta name='viewport' content='initial-scale=1,maximum-scale=5,user-scalable=no' />
</head>
<body>
<head>
<title>{{instance}} | {{title}}</title>
<meta charset="utf-8">
<meta name='viewport' content='initial-scale=1,maximum-scale=5,user-scalable=no' />
<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>
{% if current_user.is_authenticated or g.allow_anonymous %}
<nav>
<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}}">
<span>
<button type="submit" id="query_submit">{{_('Search')}}</button>
@ -22,9 +92,14 @@
<span>{{_('Logout')}}</span>
</a>
{% endif %}
</nav>
{% endif %}
</div>
</div>
{% block body %}{% endblock %}
</body>
<div class="body">
{% block body %}
{% endblock %}
</div>
</body>
</html>