feat(ui): replace all emojis with professional vector SVG icons suite

This commit is contained in:
2026-09-12 09:59:23 -07:00
parent ef36bfb050
commit 19a1108384
6 changed files with 724 additions and 167 deletions
+67 -7
View File
@@ -1343,8 +1343,16 @@ body {
}
.dir-cam-placeholder-icon {
font-size: 2.2rem;
opacity: 0.8;
width: 48px;
height: 48px;
border-radius: 50%;
background: rgba(6, 182, 212, 0.1);
border: 1px solid rgba(6, 182, 212, 0.25);
display: flex;
align-items: center;
justify-content: center;
color: #38bdf8;
margin-bottom: 2px;
}
.dir-cam-badge {
@@ -1357,6 +1365,9 @@ body {
border-radius: 9999px;
backdrop-filter: blur(8px);
z-index: 2;
display: inline-flex;
align-items: center;
gap: 5px;
}
.dir-cam-badge.verified {
@@ -2857,18 +2868,67 @@ body {
font-size: 0.72rem;
}
/* Professional Vector SVG Icon System */
.flock-svg {
width: 1.15em;
height: 1.15em;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
display: inline-block;
vertical-align: -0.15em;
flex-shrink: 0;
}
.flock-svg-sm {
width: 0.9em;
height: 0.9em;
}
.flock-svg-md {
width: 1.25rem;
height: 1.25rem;
}
.flock-svg-lg {
width: 1.8rem;
height: 1.8rem;
}
.flock-svg-xl {
width: 2.2rem;
height: 2.2rem;
}
.flock-svg-hero {
width: 28px;
height: 28px;
}
/* Empty Photo Prompt State */
.proof-empty-box {
padding: 24px 20px;
padding: 26px 20px;
text-align: center;
border: 1px dashed rgba(148, 163, 184, 0.25);
border: 1px dashed rgba(6, 182, 212, 0.35);
border-radius: var(--radius-md);
background: rgba(15, 23, 42, 0.5);
background: rgba(15, 23, 42, 0.65);
backdrop-filter: blur(12px);
}
.proof-empty-icon {
font-size: 2.2rem;
margin-bottom: 8px;
width: 58px;
height: 58px;
margin: 0 auto 12px auto;
border-radius: 50%;
background: rgba(6, 182, 212, 0.12);
border: 1px solid rgba(6, 182, 212, 0.35);
display: flex;
align-items: center;
justify-content: center;
color: #38bdf8;
box-shadow: 0 0 20px rgba(6, 182, 212, 0.2);
}
.proof-empty-title {