jason/breedr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Add subtle diffuse black drop shadow to logo and brand title text

Browse Source
This commit is contained in:
jason
2026-03-09 20:01:46 -05:00
parent 707998d013
commit 029fd77913
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/App.css
View File

@@ -45,6 +45,9 @@
display: block; display: block;
border-radius: 4px; border-radius: 4px;
flex-shrink: 0; flex-shrink: 0;
/* Subtle diffuse black drop shadow for depth */
filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45))
drop-shadow(0 1px 2px rgba(0, 0, 0, 0.30));
} }
.brand-icon { .brand-icon {
@@ -65,6 +68,9 @@
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-clip: text; background-clip: text;
/* text-shadow doesn't work with background-clip:text — use filter instead */
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.50))
drop-shadow(0 1px 2px rgba(0, 0, 0, 0.30));
} }
.nav-links { .nav-links {