visual tweaks
This commit is contained in:
parent
6cd2e52408
commit
cd47a82ecf
3 changed files with 17 additions and 5 deletions
|
@ -9,13 +9,17 @@
|
|||
{% endfor %}
|
||||
/ {{album_dir.path.name}}
|
||||
</h1>
|
||||
<hr>
|
||||
{% endif %}
|
||||
|
||||
{% if album_dir.description %}
|
||||
<div class="caption">
|
||||
{{ album_dir.description | safe }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if album_dir.children %}
|
||||
<h2>Albums</h2>
|
||||
<div id="album-children">
|
||||
{% for child in album_dir.children %}
|
||||
<div class="album">
|
||||
|
|
|
@ -42,7 +42,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div id="photo-description">
|
||||
<div id="photo-description" class="caption">
|
||||
{% if image_path.description %}
|
||||
{{ image_path.description | safe }}
|
||||
{% endif %}
|
||||
|
|
|
@ -22,15 +22,14 @@ a {
|
|||
|
||||
#content {
|
||||
text-align: center;
|
||||
max-width: 1200px;
|
||||
margin: 0.5em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#content > * {
|
||||
width: fit-content;
|
||||
max-width: 1500px;
|
||||
margin-top: 1em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
ul {
|
||||
|
@ -47,6 +46,9 @@ ul {
|
|||
margin: 1em;
|
||||
padding: 0.75em;
|
||||
background-color: lightgrey;
|
||||
height: min-content;
|
||||
border: thin solid black;
|
||||
box-shadow: 0.25em 0.25em #ccc;
|
||||
}
|
||||
|
||||
#album-photos {
|
||||
|
@ -81,6 +83,12 @@ ul {
|
|||
height: auto;
|
||||
}
|
||||
|
||||
.caption {
|
||||
max-width: 700px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
border: solid black;
|
||||
border-width: 0 3px 3px 0;
|
||||
|
|
Loading…
Add table
Reference in a new issue