feat: add SVG asset management, icons, and UI component enhancements

2026-10-11 12:27:47 -03:00
parent 3fab68c118
commit 176acf6f40
39 changed files with 869 additions and 134 deletions
@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256">
+  <defs>
+    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#1976d2"/>
+      <stop offset="45%" stop-color="#0d47a1"/>
+      <stop offset="100%" stop-color="#01579b"/>
+    </linearGradient>
+    <linearGradient id="topFacetGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#ffffff" stop-opacity="0.9"/>
+      <stop offset="100%" stop-color="#80d8ff" stop-opacity="0.55"/>
+    </linearGradient>
+    <linearGradient id="leftFacetGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#40c4ff" stop-opacity="0.75"/>
+      <stop offset="100%" stop-color="#0288d1" stop-opacity="0.35"/>
+    </linearGradient>
+    <linearGradient id="rightFacetGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#e1f5fe" stop-opacity="0.85"/>
+      <stop offset="100%" stop-color="#29b6f6" stop-opacity="0.45"/>
+    </linearGradient>
+    <radialGradient id="centerGlow" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" stop-color="#ffffff" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+
+  <!-- Fundo com cantos arredondados -->
+  <rect x="8" y="8" width="240" height="240" rx="68" ry="68" fill="url(#bgGrad)"/>
+  <rect x="10" y="10" width="236" height="236" rx="66" ry="66" fill="none" stroke="#ffffff" stroke-width="2.5" stroke-opacity="0.25"/>
+
+  <!-- Facetas 3D do Cristal / Diamante Azul -->
+  <polygon points="128,46 210,113 128,143 46,113" fill="url(#topFacetGrad)"/>
+  <polygon points="46,113 128,143 128,215 72,179" fill="url(#leftFacetGrad)"/>
+  <polygon points="210,113 128,143 128,215 184,179" fill="url(#rightFacetGrad)"/>
+
+  <!-- Brilho estelar central -->
+  <circle cx="128" cy="128" r="38" fill="url(#centerGlow)"/>
+</svg>