feat: add popup and options pages for LexAI extension
- Created index.html for options page with basic structure. - Implemented Popup component in Popup.tsx with state management for user input and actions. - Added index.html for popup page with necessary scripts. - Included various icon assets for the extension. - Designed SVG icon for the extension with gradient background and lightning bolt. - Added multiple screenshots for Chrome Web Store listing. - Configured WXT for building the Chrome extension with manifest settings.
This commit is contained in:
27
packages/chrome/public/icon.svg
Normal file
27
packages/chrome/public/icon.svg
Normal file
@@ -0,0 +1,27 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
|
||||
<!-- Background circle with gradient -->
|
||||
<defs>
|
||||
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
<linearGradient id="boltGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#fde68a;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#fbbf24;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background rounded square -->
|
||||
<rect x="4" y="4" width="120" height="120" rx="26" ry="26" fill="url(#bgGrad)" />
|
||||
|
||||
<!-- Subtle inner glow -->
|
||||
<rect x="4" y="4" width="120" height="120" rx="26" ry="26"
|
||||
fill="none" stroke="rgba(255,255,255,0.15)" stroke-width="2"/>
|
||||
|
||||
<!-- Lightning bolt shape -->
|
||||
<polygon points="72,14 38,68 62,68 56,114 90,60 66,60"
|
||||
fill="url(#boltGrad)"
|
||||
stroke="rgba(255,255,255,0.3)"
|
||||
stroke-width="1.5"
|
||||
stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
Reference in New Issue
Block a user