mirror of
https://github.com/4gray/iptvnator.git
synced 2026-10-15 13:46:16 -08:00
style: update font sizes, weights, and letter-spacing for improved readability and consistency across various components
Entire-Checkpoint: e6dee91f3aee
This commit is contained in:
1 parent
cd4121f798
commit
251b922659
26 files changed
+115
-93
No files matched your search
+5
-4
@@ -66,14 +66,15 @@
|
||||
}
|
||||
|
||||
.empty-title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
font-size: 1.05rem;
|
||||
font-weight: 520;
|
||||
letter-spacing: -0.01em;
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
|
||||
.empty-hint {
|
||||
font-size: 12px;
|
||||
opacity: 0.7;
|
||||
font-size: 0.85rem;
|
||||
opacity: 0.65;
|
||||
margin: 0;
|
||||
max-width: 260px;
|
||||
}
|
||||
|
||||
+8
-8
@@ -19,9 +19,9 @@
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
scrollbar-width: none;
|
||||
--rail-link-color: var(--mat-sys-on-surface-variant);
|
||||
--rail-link-hover-color: var(--mat-sys-on-surface);
|
||||
--rail-link-hover-bg: var(--mat-sys-surface-container);
|
||||
--rail-link-color: color-mix(in srgb, var(--app-on-surface) 65%, transparent);
|
||||
--rail-link-hover-color: var(--app-on-surface);
|
||||
--rail-link-hover-bg: var(--app-hover-overlay);
|
||||
--rail-link-active-bg: var(--app-selection-surface);
|
||||
--rail-link-active-bg-strong: var(--app-selection-surface-strong);
|
||||
--rail-link-active-color: var(--app-selection-color);
|
||||
@@ -127,8 +127,8 @@
|
||||
padding: 5px 2px;
|
||||
margin: 4px 0;
|
||||
border-radius: 14px;
|
||||
background: color-mix(in srgb, var(--mat-sys-on-surface) 3%, transparent);
|
||||
border: 1px solid color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent);
|
||||
background: color-mix(in srgb, var(--app-on-surface) 3%, transparent);
|
||||
border: 1px solid color-mix(in srgb, var(--app-on-surface) 4%, transparent);
|
||||
position: relative;
|
||||
animation: region-enter 0.25s ease-out both;
|
||||
|
||||
@@ -195,7 +195,7 @@
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--mat-sys-on-surface-variant);
|
||||
color: color-mix(in srgb, var(--app-on-surface) 65%, transparent);
|
||||
app-region: no-drag;
|
||||
|
||||
mat-icon {
|
||||
@@ -205,8 +205,8 @@
|
||||
}
|
||||
|
||||
&:hover:not(.is-active) {
|
||||
background: var(--app-selection-surface);
|
||||
color: var(--mat-sys-on-surface);
|
||||
background: var(--app-hover-overlay);
|
||||
color: var(--app-on-surface);
|
||||
}
|
||||
|
||||
&.is-active::after {
|
||||
|
||||
+2
-1
@@ -96,6 +96,7 @@
|
||||
font-size: 0.72rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.04em;
|
||||
letter-spacing: 0.08em;
|
||||
color: var(--mat-sys-on-surface-variant);
|
||||
opacity: 0.6;
|
||||
}
|
||||
+2
-1
@@ -23,7 +23,8 @@
|
||||
.sources-title {
|
||||
margin: 0;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 600;
|
||||
font-weight: 650;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
|
||||
.sources-subtitle {
|
||||
|
||||
Reference in new issue
Block a user