diff --git a/src/pages/AiProvidersPage.module.scss b/src/pages/AiProvidersPage.module.scss index 4cc20dc..2ccac8c 100644 --- a/src/pages/AiProvidersPage.module.scss +++ b/src/pages/AiProvidersPage.module.scss @@ -1397,151 +1397,3 @@ color: #f1b0a6; } } - -// ============================================ -// Model Search Page Styles -// ============================================ - -.modelSearchContainer { - width: 100%; - max-width: 1400px; - margin: 0 auto; -} - -.modelSearchContent { - display: flex; - flex-direction: column; - gap: $spacing-xl; - padding-bottom: calc( - var(--provider-nav-height, 60px) + 12px + env(safe-area-inset-bottom) + #{$spacing-md} - ); -} - -.modelSearchToolbar { - display: flex; - align-items: center; - justify-content: space-between; - gap: $spacing-sm; - flex-wrap: wrap; - margin: $spacing-sm 0; -} - -.modelSearchToolbarActions { - display: flex; - align-items: center; - gap: $spacing-xs; - flex-wrap: wrap; -} - -.modelSearchSelectionSummary { - font-size: 13px; - color: var(--text-tertiary); - line-height: 1.4; -} - -.modelSearchList { - display: flex; - flex-direction: column; - gap: $spacing-lg; - margin-top: $spacing-md; -} - -.modelSearchGroup { - border: 1px solid var(--border-primary); - border-radius: $radius-md; - overflow: hidden; - background: var(--bg-secondary); -} - -.modelSearchGroupHeader { - display: flex; - align-items: center; - justify-content: space-between; - gap: $spacing-sm; - padding: $spacing-md; - background: var(--bg-tertiary); - border-bottom: 1px solid var(--border-primary); - - h3 { - margin: 0; - font-size: 15px; - font-weight: 600; - color: var(--text-primary); - } -} - -.modelSearchGroupCount { - font-size: 13px; - color: var(--text-tertiary); - font-weight: 500; -} - -.modelSearchGroupList { - display: flex; - flex-direction: column; - gap: $spacing-xs; - padding: $spacing-sm; -} - -.modelSearchRow { - display: flex; - align-items: flex-start; - gap: $spacing-sm; - width: 100%; - padding: $spacing-sm $spacing-md; - border: 1px solid transparent; - border-radius: $radius-sm; - background: var(--bg-primary); - cursor: pointer; - transition: - background 0.15s ease, - border-color 0.15s ease; - - input[type='checkbox'] { - margin-top: 2px; - cursor: pointer; - } - - &:hover { - border-color: var(--primary-color); - background: var(--bg-secondary); - } -} - -.modelSearchRowSelected { - border-color: var(--primary-color); - background: var(--bg-tertiary); -} - -.modelSearchSelectionLabel { - flex: 1; - min-width: 0; -} - -.modelSearchMeta { - display: flex; - flex-direction: column; - gap: 4px; -} - -.modelSearchName { - font-weight: 600; - color: var(--text-primary); - word-break: break-all; -} - -.modelSearchAlias { - margin-left: 6px; - color: var(--text-tertiary); - font-style: italic; - - &::before { - content: '→ '; - } -} - -.modelSearchDesc { - font-size: 12px; - color: var(--text-secondary); - line-height: 1.4; -}