diff options
Diffstat (limited to 'public/style.css')
| -rw-r--r-- | public/style.css | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/public/style.css b/public/style.css index d18735d..978e01b 100644 --- a/public/style.css +++ b/public/style.css @@ -32,9 +32,13 @@ ul.sidebar li.child a { .browser { overflow: auto; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; align-items: center; - gap: 10px; padding: 9px; } + gap: 3px; padding: 9px; } .browser:focus-visible { outline: 0; box-shadow: none; } -.browser img { display: block; box-shadow: 0 0 3px rgba(0, 0, 0, 0.75); } + +img.thumbnail { display: block; box-shadow: 0 0 3px rgba(0, 0, 0, 0.75); + margin: 3px; border: 0px solid #000; + background: repeating-conic-gradient(#eee 0% 25%, transparent 0% 50%) + 50% / 20px 20px; } .view { display: flex; flex-grow: 1; overflow: hidden; justify-content: center; align-items: center; } @@ -52,8 +56,9 @@ ul.sidebar li.child a { .similar { padding: .5rem; flex-grow: 1; overflow: auto; } .similar h2 { margin: 1em 0 0.5em 0; padding: 0; font-size: 1.2rem; } -.similar .row { display: flex; } +.similar .row { display: flex; margin: .5rem 0; } .similar .row ul { margin: 0; padding: 0 0 0 1.25em; list-style-type: "- "; } .duplicates { padding: .5rem; flex-grow: 1; overflow: auto; } -.duplicates .row { display: flex; } +.duplicates .row { display: flex; margin: .5rem 0; + align-items: center; gap: 3px; } |