Reformat styles
| @@ -617,11 +617,11 @@ body .panelControlBar { | |||
| 617 | } | 617 | } |
| 618 | 618 | ||
| 619 | .zoomed_avatar .panelControlBar { | 619 | .zoomed_avatar .panelControlBar { |
| 620 | opacity:0; | 620 | opacity: 0; |
| 621 | } | 621 | } |
| 622 | 622 | ||
| 623 | .zoomed_avatar:hover .panelControlBar { | 623 | .zoomed_avatar:hover .panelControlBar { |
| 624 | opacity:1; | 624 | opacity: 1; |
| 625 | } | 625 | } |
| 626 | 626 | ||
| 627 | .panelControlBar .drag-grabber { | 627 | .panelControlBar .drag-grabber { |
| @@ -3963,8 +3963,10 @@ input[type="range"]::-webkit-slider-thumb { | |||
| 3963 | opacity: 0.5; | 3963 | opacity: 0.5; |
| 3964 | margin: 0 5px; | 3964 | margin: 0 5px; |
| 3965 | text-align: center; | 3965 | text-align: center; |
| 3966 | /* border-radius: 100%; | 3966 | /* |
| 3967 | box-shadow: 0 0 3px black; */ | 3967 | border-radius: 100%; |
| 3968 | box-shadow: 0 0 3px black; | ||
| 3969 | */ | ||
| 3968 | transition: all 250ms; | 3970 | transition: all 250ms; |
| 3969 | } | 3971 | } |
| 3970 | 3972 | ||
| @@ -5581,7 +5583,8 @@ body:not(.movingUI) .drawer-content.maximized { | |||
| 5581 | .model-card:hover { | 5583 | .model-card:hover { |
| 5582 | transform: scale(1.01); | 5584 | transform: scale(1.01); |
| 5583 | background-color: #444; | 5585 | background-color: #444; |
| 5584 | transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out; /* Smooth transition */ | 5586 | /* Smooth transition */ |
| 5587 | transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out; | ||
| 5585 | } | 5588 | } |
| 5586 | 5589 | ||
| 5587 | .model-card.selected { | 5590 | .model-card.selected { |
| @@ -5610,11 +5613,14 @@ body:not(.movingUI) .drawer-content.maximized { | |||
| 5610 | min-width: 120px; | 5613 | min-width: 120px; |
| 5611 | } | 5614 | } |
| 5612 | 5615 | ||
| 5613 | .model-class, .model-context-length, .model-date-added { | 5616 | .model-class, |
| 5617 | .model-context-length, | ||
| 5618 | .model-date-added { | ||
| 5614 | font-size: 10px; | 5619 | font-size: 10px; |
| 5615 | } | 5620 | } |
| 5616 | 5621 | ||
| 5617 | .model-class, .model-context-length { | 5622 | .model-class, |
| 5623 | .model-context-length { | ||
| 5618 | margin-bottom: 5px; | 5624 | margin-bottom: 5px; |
| 5619 | } | 5625 | } |
| 5620 | 5626 | ||
| @@ -5667,14 +5673,16 @@ body:not(.movingUI) .drawer-content.maximized { | |||
| 5667 | align-items: stretch; | 5673 | align-items: stretch; |
| 5668 | } | 5674 | } |
| 5669 | 5675 | ||
| 5670 | .model-info, .model-details, .model-date-added { | 5676 | .model-info, |
| 5677 | .model-details, | ||
| 5678 | .model-date-added { | ||
| 5671 | width: 100%; | 5679 | width: 100%; |
| 5672 | text-align: left; | 5680 | text-align: left; |
| 5673 | } | 5681 | } |
| 5674 | 5682 | ||
| 5675 | #featherless_model_search_bar { | 5683 | #featherless_model_search_bar { |
| 5676 | flex: 1; | 5684 | flex: 1; |
| 5677 | flex-basis:100%; | 5685 | flex-basis: 100%; |
| 5678 | } | 5686 | } |
| 5679 | 5687 | ||
| 5680 | } | 5688 | } |