magges/aoostar-rs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: align image tiles uniformly
Build And Push Container / build-and-push (push) Successful in 2m42s
Details

Browse Source
This commit is contained in:
magges
2026-07-01 00:09:41 +02:00
parent c650d63299
commit 9c5b309a77
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
crates/aster-webui/src/ui.rs
+7 -4
View File
@@ -310,6 +310,7 @@ const INDEX_HTML: &str = r##"<!DOCTYPE html>
.gallery { .gallery {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(176px, 1fr));
grid-auto-rows: 1fr;
gap: 10px; gap: 10px;
align-items: stretch; align-items: stretch;
} }
@@ -321,7 +322,8 @@ const INDEX_HTML: &str = r##"<!DOCTYPE html>
overflow: hidden; overflow: hidden;
background: #0b1016; background: #0b1016;
min-width: 0; min-width: 0;
min-height: 246px; height: 100%;
min-height: 278px;
} }
.tile.selected { .tile.selected {
border-color: var(--accent-2); border-color: var(--accent-2);
@@ -338,7 +340,7 @@ const INDEX_HTML: &str = r##"<!DOCTYPE html>
.tile-body { .tile-body {
padding: 10px; padding: 10px;
display: grid; display: grid;
grid-template-rows: 4.7em 2.2em 1fr auto; grid-template-rows: 5.2em 1.3em 1fr auto;
gap: 9px; gap: 9px;
min-height: 0; min-height: 0;
} }
@@ -360,13 +362,14 @@ const INDEX_HTML: &str = r##"<!DOCTYPE html>
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.mini { .mini {
display: flex; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px; gap: 7px;
flex-wrap: wrap;
align-items: center; align-items: center;
align-self: end; align-self: end;
} }
.mini button { .mini button {
width: 100%;
min-height: 34px; min-height: 34px;
padding: 7px 10px; padding: 7px 10px;
font-size: .86rem; font-size: .86rem;