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

feat: Add brand-logo sizing and gold-to-rusty-red gradient on brand-text

Browse Source
This commit is contained in:
jason
2026-03-09 18:49:29 -05:00
parent bc6cf83f72
commit eb661782fe
1 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
client/src/App.css
View File

@@ -36,6 +36,14 @@
color: var(--primary-light); color: var(--primary-light);
} }
/* Custom logo image sizing */
.brand-logo {
height: 2.5rem;
width: auto;
object-fit: contain;
display: block;
}
.brand-icon { .brand-icon {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -47,9 +55,10 @@
box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
} }
/* Title gradient: medium-dark gold → rusty dark red-gold */
.brand-text { .brand-text {
letter-spacing: -0.025em; letter-spacing: -0.025em;
background: linear-gradient(135deg, var(--primary-light) 0%, var(--accent) 100%); background: linear-gradient(135deg, #c9940a 0%, #b5620a 50%, #8b2500 100%);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-clip: text; background-clip: text;
@@ -99,6 +108,10 @@
font-size: 1.25rem; font-size: 1.25rem;
} }
.brand-logo {
height: 2rem;
}
.brand-icon { .brand-icon {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
@@ -115,4 +128,4 @@
.nav-link { .nav-link {
padding: 0.625rem; padding: 0.625rem;
} }
} }