rhi/gallery
1
0
Fork 0
Code Issues 5 Pull requests 1 Releases Wiki Activity

fix overlapping text and other layout weirdness

Browse source
This commit is contained in:
rhiannon morris 2023-07-10 10:59:07 +02:00
parent db83137243
commit f16c2f549a
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
make-pages/SinglePage.hs
View file

@ -154,11 +154,13 @@ make' root siteName prefix nsfw _dataDir dir
<div class=page> <div class=page>
<header> <header>
<h1>$title</h1> <h1>$title</h1>
$artistTag
<h2 id=date class="right corner"> <h2 id=date class="right corner">
$formattedDate $updateDate $formattedDate $updateDate
</h2> </h2>
<a class="left corner" href=$undir>back to gallery</a> <h2 class="left corner">
$artistTag
<a href=$undir>back to gallery</a>
</h2>
</header> </header>
$2.buttonBar $2.buttonBar
@ -193,7 +195,7 @@ last' xs = if null xs then Nothing else Just $ last xs
makeArtist :: Artist -> Builder makeArtist :: Artist -> Builder
makeArtist (Artist {name, url}) = makeArtist (Artist {name, url}) =
[b|<h2 id=artist class="left corner">by $artistLink</h2>|] [b|by $artistLink <br>|]
where where
artistLink = case url of artistLink = case url of
Just u -> [b|<a href="$u">$name</a>|] Just u -> [b|<a href="$u">$name</a>|]

6
style/shiny/single.css
View file

@ -96,10 +96,13 @@
} }
#info figure { #info figure {
width: min-content;
margin: 0.25em auto; margin: 0.25em auto;
} }
#info figure img {
max-width: 100%;
}
#info .light-bg { #info .light-bg {
background: hsl(0deg, 0%, 100%, 75%); background: hsl(0deg, 0%, 100%, 75%);
padding: 5px; padding: 5px;
@ -109,6 +112,7 @@
#info .floating { #info .floating {
float: right; float: right;
margin-left: 0.8em; margin-left: 0.8em;
max-width: 40%;
} }
#info .floating.left { #info .floating.left {