vinny/iptv-stream-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

2.3.1-2.3.3: Shadow and Elevation System - implemented elevation scale and applied to all components

Browse source
This commit is contained in:
VinnyNC 2025-09-28 23:25:14 -04:00
parent cd4df0298a
commit a7ab19753f
1 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
static/css/components.css
View file

@ -10,7 +10,7 @@
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: var(--shadow-dodgers-md);
box-shadow: var(--elevation-4);
z-index: 10;
}
@ -159,7 +159,7 @@
color: white;
font-size: var(--font-size-base);
font-weight: var(--font-weight-semibold);
box-shadow: var(--shadow-sm);
box-shadow: var(--elevation-1);
display: flex;
align-items: center;
justify-content: space-between;
@ -343,7 +343,7 @@
border-radius: var(--border-radius-lg);
font-size: var(--font-size-sm);
line-height: var(--line-height-normal);
box-shadow: var(--shadow-sm);
box-shadow: var(--elevation-1);
border-left: 3px solid transparent;
color: var(--text-primary);
word-wrap: break-word;
@ -448,12 +448,12 @@
font-weight: var(--font-weight-semibold);
cursor: pointer;
transition: all var(--transition-base);
box-shadow: var(--shadow-dodgers-sm);
box-shadow: var(--elevation-3);
}
.chat__input button:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-dodgers-md);
box-shadow: var(--elevation-4);
}
.chat__input button:active {
@ -560,7 +560,7 @@
color: white;
border: none;
cursor: pointer;
box-shadow: var(--shadow-dodgers-md);
box-shadow: var(--elevation-4);
display: flex;
align-items: center;
justify-content: center;
@ -570,7 +570,7 @@
.fab:hover {
transform: scale(1.1);
box-shadow: var(--shadow-dodgers-lg);
box-shadow: var(--elevation-5);
}
.fab.secondary {