extern/easydiffusion
1
0
Fork 1
mirror of https://github.com/easydiffusion/easydiffusion.git synced 2025-03-30 18:26:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Shrink the preview tools buttons to icons-only on a small screen

Browse Source
This commit is contained in:
cmdr2 2023-02-24 21:50:21 +05:30
parent bd82480fa3
commit de1d1ad961
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/index.html
View File

@ -286,13 +286,13 @@
<div id="preview-content">
<div id="preview-tools">
<button id="clear-all-previews" class="secondaryButton"><i class="fa-solid fa-trash-can"></i> Clear All</button>
<button id="save-all-images" class="primaryButton"><i class="fa-solid fa-download"></i> Download All Images</button>
<button id="clear-all-previews" class="secondaryButton"><i class="fa-solid fa-trash-can icon"></i> Clear All</button>
<button id="save-all-images" class="primaryButton"><i class="fa-solid fa-download icon"></i> Download All Images</button>
<div class="dropdown display-settings">
<button class="dropbtn primaryButton">
<i class="fa-solid fa-bars"></i>
<i class="fa-solid fa-bars icon"></i>
Preview settings
<i class="fa-solid fa-angle-down"></i>
<i class="fa-solid fa-angle-down icon"></i>
</button>
<div class="dropdown-content">
<div class="auto-scroll dropdown-item">

6
ui/media/css/main.css
View File

@ -851,6 +851,12 @@ input::file-selector-button {
.simple-tooltip {
display: none;
}
#preview-tools button {
font-size: 0px;
}
#preview-tools button .icon {
font-size: 12pt;
}
}
@media screen and (max-width: 500px) {