Public/automatic
1
0
Fork 0
mirror of https://github.com/vladmandic/automatic synced 2026-09-03 19:40:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

gallery ui css

Browse Source
This commit is contained in:
Vladimir Mandic
2024-03-24 14:19:06 -04:00
parent fb5ef75f5a
commit c953dfdfd7
2 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
javascript/sdnext.css
+3 -1
View File
@@ -294,7 +294,7 @@ table.settings-value-table td { padding: 0.4em; border: 1px solid #ccc; max-widt
#tab-gallery-files { display: block; overflow-x: hidden !important; overflow-y: auto !important; height: 75vh; }
#tab-gallery-image { height: 100%; }
#tab-gallery-search { padding: 0; }
#tab-gallery-search textarea { height: 42px !important; }
#tab-gallery-search textarea { height: 42px !important; align-content: center; }
#tab-gallery-sortby { padding: 0; }
#tab-gallery-status { align-content: center; text-align: right; background: var(--input-background-fill); padding-right: 1em; margin-left: -0.6em; color: var(--block-title-text-color); }
div:has(>#tab-gallery-folders) { flex-grow: 0 !important; background-color: var(--input-background-fill); min-width: max-content !important; }
@@ -304,6 +304,8 @@ div:has(>#tab-gallery-folders) { flex-grow: 0 !important; background-color: var(
#gallery_gallery .thumbnails { display: none; }
#gallery_gallery .preview { display: grid; background: none; }
#gallery_gallery img { object-fit: contain; }
.gallery-sort { background: var(--input-background-fill) !important; margin: 0 !important; padding: 6px !important; }
.gallery-sort:hover { background: var(--button-primary-background-fill-hover) !important; }
/* loader */
.splash { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1000; display: block; text-align: center; }
modules/ui_gallery.py
+10 -10
View File
@@ -17,8 +17,8 @@ def read_media(fn):
<p>Video <b>{w} x {h}</b>
| Codec <b>{codec}</b>
| Frames <b>{frames:,}</b>
| FPS <b>{fps}</b>
| Duration <b>{duration:,}</b>
| FPS <b>{fps:.2f}</b>
| Duration <b>{duration:.2f}</b>
| Size <b>{stat.st_size:,}</b>
| Modified <b>{datetime.fromtimestamp(stat.st_mtime)}</b></p><br>
'''
@@ -41,14 +41,14 @@ def create_ui():
with gr.Blocks() as tab:
with gr.Row():
sort_buttons = []
sort_buttons.append(ToolButton(value=ui_symbols.sort_alpha_asc, show_label=False))
sort_buttons.append(ToolButton(value=ui_symbols.sort_alpha_dsc, show_label=False))
sort_buttons.append(ToolButton(value=ui_symbols.sort_size_asc, show_label=False))
sort_buttons.append(ToolButton(value=ui_symbols.sort_size_dsc, show_label=False))
sort_buttons.append(ToolButton(value=ui_symbols.sort_num_asc, show_label=False))
sort_buttons.append(ToolButton(value=ui_symbols.sort_num_dsc, show_label=False))
sort_buttons.append(ToolButton(value=ui_symbols.sort_time_asc, show_label=False))
sort_buttons.append(ToolButton(value=ui_symbols.sort_time_dsc, show_label=False))
sort_buttons.append(ToolButton(value=ui_symbols.sort_alpha_asc, show_label=False, elem_classes=['gallery-sort']))
sort_buttons.append(ToolButton(value=ui_symbols.sort_alpha_dsc, show_label=False, elem_classes=['gallery-sort']))
sort_buttons.append(ToolButton(value=ui_symbols.sort_size_asc, show_label=False, elem_classes=['gallery-sort']))
sort_buttons.append(ToolButton(value=ui_symbols.sort_size_dsc, show_label=False, elem_classes=['gallery-sort']))
sort_buttons.append(ToolButton(value=ui_symbols.sort_num_asc, show_label=False, elem_classes=['gallery-sort']))
sort_buttons.append(ToolButton(value=ui_symbols.sort_num_dsc, show_label=False, elem_classes=['gallery-sort']))
sort_buttons.append(ToolButton(value=ui_symbols.sort_time_asc, show_label=False, elem_classes=['gallery-sort']))
sort_buttons.append(ToolButton(value=ui_symbols.sort_time_dsc, show_label=False, elem_classes=['gallery-sort']))
gr.Textbox(show_label=False, placeholder='Search', elem_id='tab-gallery-search')
gr.HTML('', elem_id='tab-gallery-status')
for btn in sort_buttons: