diff --git a/public/style.css b/public/style.css index 7fbba106d..fd9c4bb73 100644 --- a/public/style.css +++ b/public/style.css @@ -617,11 +617,11 @@ body .panelControlBar { } .zoomed_avatar .panelControlBar { -opacity:0; + opacity: 0; } .zoomed_avatar:hover .panelControlBar { - opacity:1; + opacity: 1; } .panelControlBar .drag-grabber { @@ -3963,8 +3963,10 @@ input[type="range"]::-webkit-slider-thumb { opacity: 0.5; margin: 0 5px; text-align: center; -/* border-radius: 100%; - box-shadow: 0 0 3px black; */ + /* + border-radius: 100%; + box-shadow: 0 0 3px black; + */ transition: all 250ms; } @@ -5581,7 +5583,8 @@ body:not(.movingUI) .drawer-content.maximized { .model-card:hover { transform: scale(1.01); background-color: #444; - transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out; /* Smooth transition */ + /* Smooth transition */ + transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out; } .model-card.selected { @@ -5610,11 +5613,14 @@ body:not(.movingUI) .drawer-content.maximized { min-width: 120px; } -.model-class, .model-context-length, .model-date-added { +.model-class, +.model-context-length, +.model-date-added { font-size: 10px; } -.model-class, .model-context-length { +.model-class, +.model-context-length { margin-bottom: 5px; } @@ -5667,14 +5673,16 @@ body:not(.movingUI) .drawer-content.maximized { align-items: stretch; } - .model-info, .model-details, .model-date-added { + .model-info, + .model-details, + .model-date-added { width: 100%; text-align: left; } #featherless_model_search_bar { flex: 1; - flex-basis:100%; + flex-basis: 100%; } }