seiichiro/vsgallery
1
0
Fork 0
Code Pull requests Releases Activity

Single Image Page Style

Browse source
This commit is contained in:
seiichiro 2022-01-10 21:33:07 +01:00
parent fb1dfc4358
commit 48c37fa1e6
2 changed files with 4 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
css/style.css
View file

@ -114,13 +114,10 @@ body {
grid-template-rows: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);
} }
.content-single .single-image { .content-single img {
grid-column: 1 / 4;
grid-row: 1 / 3;
}
.content-single .single-image img {
object-fit: contain; object-fit: contain;
position: relative;
z-index: 1;
grid-column: 1 / 4; grid-column: 1 / 4;
grid-row: 1 / 3; grid-row: 1 / 3;
} }

4
tpl/single.html
View file

@ -6,9 +6,7 @@
<div class="container"> <div class="container">
<div class="content-single"> <div class="content-single">
<div class="single-image"> <img src="{{ $imageurl }}" title="{{ $page }}/{{ $last_page }}" />
<img src="{{ $imageurl }}" title="{{ $page }}/{{ $last_page }}" />
</div>
<a id="link-prev" href="/index.php?d={{ $dir }}&p={{ $prev_page }}&s=1&gs={{ $gallery_slice }}{{ $filter }}"> <a id="link-prev" href="/index.php?d={{ $dir }}&p={{ $prev_page }}&s=1&gs={{ $gallery_slice }}{{ $filter }}">
<div class="clickable clickable-left"></div> <div class="clickable clickable-left"></div>
</a> </a>