diff options
| author | Adam Snodgrass <overra@gmail.com> | 2022-09-21 08:31:07 +0000 |
|---|---|---|
| committer | AUTOMATIC1111 <16777216c@gmail.com> | 2022-09-21 11:09:25 +0000 |
| commit | 390ead187c1af0280f0d57919d594823c1d5ad6b (patch) | |
| tree | fda19edde1c88d913acc6057edfce45dec12f611 /style.css | |
| parent | 5fb6f39607f2a1e66bb8a73af2924a078a042b4c (diff) | |
| download | stable-diffusion-webui-gfx803-390ead187c1af0280f0d57919d594823c1d5ad6b.tar.gz stable-diffusion-webui-gfx803-390ead187c1af0280f0d57919d594823c1d5ad6b.tar.bz2 stable-diffusion-webui-gfx803-390ead187c1af0280f0d57919d594823c1d5ad6b.zip | |
add button to toggle tiling images in the imageviewer modal
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 33 |
1 files changed, 25 insertions, 8 deletions
@@ -246,22 +246,39 @@ input[type="range"]{ background-color: rgba(20, 20, 20, 0.95);
}
+.modalControls {
+ display: grid;
+ grid-template-columns: 32px auto 1fr 32px;
+ grid-template-areas: "zoom tile space close";
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 16px;
+ gap: 16px;
+ background-color: rgba(0,0,0,0.2);
+}
+
+.modalClose {
+ grid-area: close;
+}
+
+.modalZoom {
+ grid-area: zoom;
+}
+
+.modalTileImage {
+ grid-area: tile;
+}
+
.modalClose,
.modalZoom {
color: white;
- position: absolute;
- top: 10px;
- right: 25px;
font-size: 35px;
font-weight: bold;
cursor: pointer;
}
-.modalZoom {
- left: 10px;
- right: auto;
-}
-
.modalClose:hover,
.modalClose:focus,
.modalZoom:hover,
|