2 lines
4.0 KiB
CSS
2 lines
4.0 KiB
CSS
.main-content.mobile-layout[data-v-a770764c]{padding-top:56px;padding-bottom:56px}.page-header[data-v-a770764c]{margin-bottom:var(--space-md)}.page-title[data-v-a770764c]{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-color);margin:0 0 var(--space-sm) 0}.page-title i[data-v-a770764c]{color:var(--color-primary)}.page-subtitle[data-v-a770764c]{font-size:var(--text-base);color:var(--text-color-secondary);margin:0}.settings-grid[data-v-a770764c]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);padding:var(--space-md)}@media (max-width: 1200px){.settings-grid[data-v-a770764c]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.settings-grid[data-v-a770764c]{grid-template-columns:repeat(2,1fr);gap:var(--space-md);padding:var(--space-sm)}}@media (max-width: 480px){.settings-grid[data-v-a770764c]{gap:var(--space-sm);padding:var(--space-xs)}}.settings-card[data-v-a770764c]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-lg);background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-fast);cursor:pointer;position:relative;min-height:180px}.settings-card[data-v-a770764c]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.settings-card[data-v-a770764c]:active{transform:translateY(0)}.card-icon[data-v-a770764c]{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);font-size:var(--text-2xl)}.card-icon.ocr-icon[data-v-a770764c]{background:var(--blue-50);color:var(--blue-600)}.card-icon.cache-icon[data-v-a770764c]{background:var(--green-50);color:var(--green-600)}.card-icon.logs-icon[data-v-a770764c]{background:var(--yellow-50);color:var(--yellow-600)}.card-icon.telegram-icon[data-v-a770764c]{background:var(--cyan-50);color:var(--cyan-600)}.card-content[data-v-a770764c]{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.card-title[data-v-a770764c]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-color);margin:0}.card-description[data-v-a770764c]{font-size:var(--text-sm);color:var(--text-color-secondary);margin:0;line-height:var(--leading-normal)}.card-arrow[data-v-a770764c]{position:absolute;top:var(--space-md);right:var(--space-md);color:var(--text-color-secondary);font-size:var(--text-sm);opacity:0;transition:opacity var(--transition-fast)}.settings-card:hover .card-arrow[data-v-a770764c]{opacity:1}@media (max-width: 768px){.settings-card[data-v-a770764c]{padding:var(--space-md);min-height:150px}.card-icon[data-v-a770764c]{width:48px;height:48px;font-size:var(--text-xl);margin-bottom:var(--space-sm)}.card-title[data-v-a770764c]{font-size:var(--text-base)}.card-description[data-v-a770764c]{font-size:var(--text-xs)}.card-arrow[data-v-a770764c]{display:none}}[data-theme=dark] .card-icon.ocr-icon[data-v-a770764c]{background:var(--blue-900);color:var(--blue-400)}[data-theme=dark] .card-icon.cache-icon[data-v-a770764c]{background:var(--green-900);color:var(--green-400)}[data-theme=dark] .card-icon.logs-icon[data-v-a770764c]{background:var(--yellow-900);color:var(--yellow-400)}[data-theme=dark] .card-icon.telegram-icon[data-v-a770764c]{background:var(--cyan-900);color:var(--cyan-400)}[data-theme=dark] .settings-card[data-v-a770764c]:hover{border-color:var(--blue-500)}@media (prefers-color-scheme: dark){:root:not([data-theme]) .card-icon.ocr-icon[data-v-a770764c]{background:var(--blue-900);color:var(--blue-400)}:root:not([data-theme]) .card-icon.cache-icon[data-v-a770764c]{background:var(--green-900);color:var(--green-400)}:root:not([data-theme]) .card-icon.logs-icon[data-v-a770764c]{background:var(--yellow-900);color:var(--yellow-400)}:root:not([data-theme]) .card-icon.telegram-icon[data-v-a770764c]{background:var(--cyan-900);color:var(--cyan-400)}:root:not([data-theme]) .settings-card[data-v-a770764c]:hover{border-color:var(--blue-500)}}
|