fix: avatar support and set it as default
This commit is contained in:
parent
9541fb1927
commit
cd8dfb94a3
9 changed files with 369 additions and 418 deletions
67
stock/props/keyboard-standard.svg
Normal file
67
stock/props/keyboard-standard.svg
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120">
|
||||
<defs>
|
||||
<linearGradient id="kbBody" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" stop-color="#4a4a4a"/>
|
||||
<stop offset="100%" stop-color="#2a2a2a"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="kbKey" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" stop-color="#5a5a5a"/>
|
||||
<stop offset="100%" stop-color="#3a3a3a"/>
|
||||
</linearGradient>
|
||||
<filter id="kbShadow" x="-10%" y="-10%" width="120%" height="130%">
|
||||
<feDropShadow dx="0" dy="1" stdDeviation="0.5" flood-color="#000000" flood-opacity="0.4"/>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- Keyboard body -->
|
||||
<rect x="5" y="45" width="110" height="45" rx="4" fill="url(#kbBody)"/>
|
||||
<rect x="5" y="45" width="110" height="45" rx="4" fill="none" stroke="#222" stroke-width="1"/>
|
||||
|
||||
<!-- Row 1: Number keys -->
|
||||
<rect x="10" y="50" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="19" y="50" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="28" y="50" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="37" y="50" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="46" y="50" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="55" y="50" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="64" y="50" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="73" y="50" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="82" y="50" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="91" y="50" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="100" y="50" width="10" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
|
||||
<!-- Row 2: QWERTY row -->
|
||||
<rect x="10" y="59" width="10" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="22" y="59" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="31" y="59" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="40" y="59" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="49" y="59" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="58" y="59" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="67" y="59" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="76" y="59" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="85" y="59" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="94" y="59" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="103" y="59" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
|
||||
<!-- Row 3: Home row -->
|
||||
<rect x="10" y="68" width="12" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="24" y="68" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="33" y="68" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="42" y="68" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="51" y="68" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="60" y="68" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="69" y="68" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="78" y="68" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="87" y="68" width="7" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="96" y="68" width="14" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
|
||||
<!-- Row 4: Bottom row with spacebar -->
|
||||
<rect x="10" y="77" width="10" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="22" y="77" width="10" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="34" y="77" width="10" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<!-- Spacebar -->
|
||||
<rect x="46" y="77" width="32" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="80" y="77" width="10" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="92" y="77" width="8" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
<rect x="102" y="77" width="8" height="7" rx="1" fill="url(#kbKey)" filter="url(#kbShadow)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.6 KiB |
Loading…
Add table
Add a link
Reference in a new issue