Solution icons: 60px containers with 28px SVGs (up from 44px/20px)

This commit is contained in:
neo committed 2026-06-25 19:09:45 +05:00
1 parent 4d90d834ce
commit 3d26663d9e
1 file changed
+5 -5
+5 -5
View File
@@ -511,8 +511,8 @@ h1 .accent { color: var(--accent); }
box-shadow: var(--shadow-card-hover); box-shadow: var(--shadow-card-hover);
} }
.sol-icon { .sol-icon {
width: 44px; height: 44px; border: 1px solid var(--accent); width: 60px; height: 60px; border: 1px solid var(--accent);
border-radius: 10px; display: flex; align-items: center; border-radius: 12px; display: flex; align-items: center;
justify-content: center; margin-bottom: 24px; justify-content: center; margin-bottom: 24px;
transition: all 0.3s var(--ease-out); transition: all 0.3s var(--ease-out);
} }
@@ -930,7 +930,7 @@ h1 .accent { color: var(--accent); }
<div class="solution-grid"> <div class="solution-grid">
<div class="sol-card reveal reveal-delay-1"> <div class="sol-card reveal reveal-delay-1">
<div class="sol-icon"> <div class="sol-icon">
<svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" stroke-width="1.5"> <svg width="28" height="28" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" stroke-width="1.5">
<path d="M9 2L4 8.5h4l-1 5.5L12 7.5H8L9 2z"/> <path d="M9 2L4 8.5h4l-1 5.5L12 7.5H8L9 2z"/>
</svg> </svg>
</div> </div>
@@ -939,7 +939,7 @@ h1 .accent { color: var(--accent); }
</div> </div>
<div class="sol-card reveal reveal-delay-2"> <div class="sol-card reveal reveal-delay-2">
<div class="sol-icon"> <div class="sol-icon">
<svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" stroke-width="1.5"> <svg width="28" height="28" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" stroke-width="1.5">
<path d="M1 8s2.5-4 7-4 7 4 7 4-2.5 4-7 4-7-4-7-4z"/> <path d="M1 8s2.5-4 7-4 7 4 7 4-2.5 4-7 4-7-4-7-4z"/>
<circle cx="8" cy="8" r="2"/> <circle cx="8" cy="8" r="2"/>
</svg> </svg>
@@ -949,7 +949,7 @@ h1 .accent { color: var(--accent); }
</div> </div>
<div class="sol-card reveal reveal-delay-3"> <div class="sol-card reveal reveal-delay-3">
<div class="sol-icon"> <div class="sol-icon">
<svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" stroke-width="1.5"> <svg width="28" height="28" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" stroke-width="1.5">
<rect x="4" y="2" width="8" height="12" rx="1.5"/> <rect x="4" y="2" width="8" height="12" rx="1.5"/>
<line x1="7" y1="11.5" x2="9" y2="11.5"/> <line x1="7" y1="11.5" x2="9" y2="11.5"/>
</svg> </svg>