Skip to content

Commit 7d9011c

Browse files
antfuantfu
committed
feat(kit): add vite plus logo
1 parent 98b084f commit 7d9011c

File tree

4 files changed

+147
-5
lines changed

4 files changed

+147
-5
lines changed

‎packages/core/src/client/webcomponents/.generated/css.ts‎

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎packages/core/src/client/webcomponents/components/Dock.vue‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import { computed, onMounted, reactive, ref, toRefs, useTemplateRef, watchEffect
77
import DockEntries from './DockEntries.vue'
88
import BracketLeft from './icons/BracketLeft.vue'
99
import BracketRight from './icons/BracketRight.vue'
10+
import VitePlusCore from './icons/VitePlusCore.vue'
1011
1112
const props = defineProps<DockProps>()
1213
@@ -309,12 +310,16 @@ onMounted(() => {
309310
@pointerdown="onPointerDown"
310311
>
311312
<BracketLeft
312-
class="vite-devtools-dock-bracket absolute left--1 top-1/2 translate-y--1/2 bottom-0 w-2.5 op75"
313+
class="vite-devtools-dock-bracket absolute left--1 top-1/2 translate-y--1/2 bottom-0 w-2.5 op75 transition-opacity duration-300"
313314
/>
314315
<BracketRight
315-
class="vite-devtools-dock-bracket absolute right--1 top-1/2 translate-y--1/2 bottom-0 w-2.5 op75"
316+
class="vite-devtools-dock-bracket absolute right--1 top-1/2 translate-y--1/2 bottom-0 w-2.5 op75 transition-opacity duration-300"
316317
:class="isVertical ? 'scale-y--100' : ''"
317318
/>
319+
<VitePlusCore
320+
class="w-3 h-3 absolute left-1/2 top-1/2 translate-x--1/2 translate-y--1/2 transition-opacity duration-300"
321+
:class="isMinimized ? 'op100' : 'op0'"
322+
/>
318323
<DockEntries
319324
:entries="docks"
320325
class="transition duration-200"

‎packages/core/src/client/webcomponents/components/icons/VitePlusCore.vue‎

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,137 @@
1+
<template>
2+
<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
3+
<g clip-path="url(#clip0_2_2)">
4+
<path d="M11.85 20.535C11.7881 20.6144 11.7029 20.6726 11.6064 20.7012C11.5098 20.7298 11.4067 20.7276 11.3115 20.6947C11.2163 20.6619 11.1337 20.6001 11.0754 20.5181C11.017 20.436 10.9858 20.3377 10.986 20.237V15.834C10.986 15.5775 10.8841 15.3316 10.7028 15.1502C10.5214 14.9689 10.2755 14.867 10.019 14.867H5.157C5.06821 14.867 4.98114 14.8426 4.90534 14.7964C4.82954 14.7501 4.76795 14.6839 4.72734 14.6049C4.68673 14.526 4.66866 14.4374 4.67513 14.3488C4.6816 14.2603 4.71235 14.1752 4.764 14.103L7.961 9.62801C8.06459 9.48335 8.12626 9.31291 8.13923 9.13546C8.15219 8.95801 8.11594 8.78042 8.03448 8.62224C7.95301 8.46406 7.82948 8.33143 7.67749 8.23893C7.52549 8.14644 7.35093 8.09768 7.173 8.09801H1.29C1.20122 8.09803 1.11414 8.07359 1.03834 8.02736C0.962542 7.98113 0.900953 7.91489 0.86034 7.83594C0.819727 7.75699 0.801662 7.66837 0.80813 7.57982C0.814597 7.49127 0.845347 7.40622 0.897 7.33401L5.04 1.53301C5.08452 1.46999 5.14358 1.41864 5.21217 1.38331C5.28075 1.34797 5.35685 1.32969 5.434 1.33001H17.782C18.175 1.33001 18.404 1.77501 18.175 2.09401L14.978 6.57001C14.521 7.21001 14.978 8.10001 15.766 8.10001H20.627C21.031 8.10001 21.257 8.56401 21.007 8.88201L11.85 20.535Z" fill="#6254FE" />
5+
<mask id="mask0_2_2" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="1" width="22" height="20">
6+
<path d="M11.85 20.535C11.7881 20.6144 11.7029 20.6726 11.6064 20.7012C11.5098 20.7298 11.4067 20.7276 11.3115 20.6947C11.2163 20.6619 11.1337 20.6001 11.0754 20.5181C11.017 20.436 10.9858 20.3377 10.986 20.237V15.834C10.986 15.5775 10.8841 15.3316 10.7028 15.1502C10.5214 14.9689 10.2755 14.867 10.019 14.867H5.157C5.06821 14.867 4.98114 14.8426 4.90534 14.7964C4.82954 14.7501 4.76795 14.6839 4.72734 14.6049C4.68673 14.526 4.66866 14.4374 4.67513 14.3488C4.6816 14.2603 4.71235 14.1752 4.764 14.103L7.961 9.62801C8.06459 9.48335 8.12626 9.31291 8.13923 9.13546C8.15219 8.95801 8.11594 8.78042 8.03448 8.62224C7.95301 8.46406 7.82948 8.33143 7.67749 8.23893C7.52549 8.14644 7.35093 8.09768 7.173 8.09801H1.29C1.20122 8.09803 1.11414 8.07359 1.03834 8.02736C0.962542 7.98113 0.900953 7.91489 0.86034 7.83594C0.819727 7.75699 0.801662 7.66837 0.80813 7.57982C0.814597 7.49127 0.845347 7.40622 0.897 7.33401L5.04 1.53301C5.08452 1.46999 5.14358 1.41864 5.21217 1.38331C5.28075 1.34797 5.35685 1.32969 5.434 1.33001H17.782C18.175 1.33001 18.404 1.77501 18.175 2.09401L14.978 6.57001C14.521 7.21001 14.978 8.10001 15.766 8.10001H20.627C21.031 8.10001 21.257 8.56401 21.007 8.88201L11.85 20.535Z" fill="#833BFF" />
7+
</mask>
8+
<g mask="url(#mask0_2_2)">
9+
<g filter="url(#filter0_f_2_2)">
10+
<path d="M11.4271 17.1119C11.4313 18.412 8.62134 19.475 5.1508 19.4863C1.68026 19.4975 -1.13659 18.4528 -1.14081 17.1527C-1.14503 15.8526 1.66497 14.7896 5.13551 14.7783C8.60605 14.767 11.4229 15.8118 11.4271 17.1119Z" fill="#EDE6FF" />
11+
</g>
12+
<g filter="url(#filter1_f_2_2)">
13+
<path d="M9.48364 9.06048C9.49161 11.5148 3.78614 13.523 -3.25987 13.5459C-10.3059 13.5688 -16.0243 11.5977 -16.0322 9.14332C-16.0402 6.68898 -10.3347 4.6808 -3.28872 4.65792C3.75729 4.63505 9.47567 6.60614 9.48364 9.06048Z" fill="#EDE6FF" />
14+
</g>
15+
<g filter="url(#filter2_f_2_2)">
16+
<path d="M9.53104 8.43813C9.53526 9.7382 3.70543 10.8111 -3.49025 10.8344C-10.6859 10.8578 -16.5226 9.82279 -16.5268 8.52272C-16.531 7.22265 -10.7012 6.1498 -3.50554 6.12644C3.69014 6.10308 9.52682 7.13806 9.53104 8.43813Z" fill="#4E14FF" />
17+
</g>
18+
<g filter="url(#filter3_f_2_2)">
19+
<path d="M11.5916 16.1293C11.5958 17.4293 5.74448 18.5022 -1.47775 18.5256C-8.69997 18.549 -14.5582 17.5141 -14.5624 16.214C-14.5666 14.9139 -8.71523 13.841 -1.493 13.8176C5.72923 13.7942 11.5874 14.8292 11.5916 16.1293Z" fill="#4E14FF" />
20+
</g>
21+
<g filter="url(#filter4_f_2_2)">
22+
<path d="M12.2473 16.6206C12.2515 17.9206 6.40021 18.9935 -0.821978 19.017C-8.04417 19.0404 -13.9023 18.0055 -13.9066 16.7055C-13.9108 15.4054 -8.05945 14.3325 -0.837261 14.309C6.38493 14.2856 12.2431 15.3205 12.2473 16.6206Z" fill="#4E14FF" />
23+
</g>
24+
<g filter="url(#filter5_f_2_2)">
25+
<path d="M14.047 5.7039C14.2411 2.38813 18.6158 -0.0529585 23.8183 0.251568C29.0207 0.556095 33.0808 3.49092 32.8867 6.80669C32.6926 10.1225 28.3179 12.5635 23.1154 12.259C17.913 11.9545 13.8529 9.01966 14.047 5.7039Z" fill="#EDE6FF" />
26+
</g>
27+
<g filter="url(#filter6_f_2_2)">
28+
<path d="M14.7518 7.88531C14.7376 7.06639 18.8396 6.33138 23.9137 6.2436C28.9879 6.15583 33.1129 6.74854 33.127 7.56745C33.1412 8.38637 29.0392 9.12139 23.965 9.20916C18.8909 9.29693 14.7659 8.70422 14.7518 7.88531Z" fill="#4E14FF" />
29+
</g>
30+
<g filter="url(#filter7_f_2_2)">
31+
<path d="M14.7518 7.88531C14.7376 7.06639 18.8396 6.33138 23.9137 6.2436C28.9879 6.15583 33.1129 6.74854 33.127 7.56745C33.1412 8.38637 29.0392 9.12139 23.965 9.20916C18.8909 9.29693 14.7659 8.70422 14.7518 7.88531Z" fill="#4E14FF" />
32+
</g>
33+
<g filter="url(#filter8_f_2_2)">
34+
<path d="M-6.98848 14.7616C-6.18615 15.4233 -1.99229 11.6626 2.37876 6.362C6.74982 1.06138 9.64283 -3.77199 8.84049 -4.43362C8.03816 -5.09525 3.8443 -1.3346 -0.526755 3.96602C-4.89781 9.26665 -7.79082 14.1 -6.98848 14.7616Z" fill="#4E14FF" />
35+
</g>
36+
<g filter="url(#filter9_f_2_2)">
37+
<path d="M13.4305 8.5449C14.2512 9.18361 18.3372 5.30605 22.5568 -0.115883C26.7764 -5.53781 29.5318 -10.4509 28.7111 -11.0896C27.8904 -11.7284 23.8044 -7.8508 19.5848 -2.42887C15.3651 2.99306 12.6098 7.90619 13.4305 8.5449Z" fill="#4E14FF" />
38+
</g>
39+
<g filter="url(#filter10_f_2_2)">
40+
<path d="M14.9501 9.73878C16.4926 10.9392 19.2111 10.026 21.0221 7.69897C22.8331 5.37198 23.0507 2.51245 21.5083 1.31202C19.9658 0.111596 17.2473 1.02485 15.4363 3.35184C13.6253 5.67882 13.4077 8.53835 14.9501 9.73878Z" fill="#2BFDD2" />
41+
</g>
42+
<g filter="url(#filter11_f_2_2)">
43+
<path d="M-7.68233 27.5293C-6.86163 28.168 -2.77563 24.2904 1.44401 18.8685C5.66365 13.4466 8.41904 8.53346 7.59834 7.89474C6.77764 7.25603 2.69164 11.1336 -1.528 16.5555C-5.74764 21.9775 -8.50303 26.8906 -7.68233 27.5293Z" fill="#4E14FF" />
44+
</g>
45+
<g filter="url(#filter12_f_2_2)">
46+
<path d="M-7.68233 27.5293C-6.86163 28.168 -2.77563 24.2904 1.44401 18.8685C5.66365 13.4466 8.41904 8.53346 7.59834 7.89474C6.77764 7.25603 2.69164 11.1336 -1.528 16.5555C-5.74764 21.9775 -8.50303 26.8906 -7.68233 27.5293Z" fill="#4E14FF" />
47+
</g>
48+
<g filter="url(#filter13_f_2_2)">
49+
<path d="M8.26366 23.8563C9.13579 24.535 13.2635 20.6899 17.4831 15.268C21.7028 9.84604 24.4165 4.90047 23.5443 4.22173C22.6722 3.54299 18.5445 7.38811 14.3249 12.81C10.1052 18.232 7.39153 23.1775 8.26366 23.8563Z" fill="#4E14FF" />
50+
</g>
51+
<g filter="url(#filter14_f_2_2)">
52+
<path d="M12.2866 22.5389C13.7846 23.7047 17.4746 21.4689 20.5284 17.5449C23.5822 13.621 24.8434 9.49495 23.3454 8.32912C21.8474 7.16329 18.1574 9.39917 15.1036 13.3231C12.0498 17.247 10.7886 21.3731 12.2866 22.5389Z" fill="#2BFDD2" />
53+
</g>
54+
</g>
55+
</g>
56+
<defs>
57+
<filter id="filter0_f_2_2" x="-7.68682" y="8.2322" width="25.6599" height="17.8002" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
58+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
59+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
60+
<feGaussianBlur stdDeviation="3.273" result="effect1_foregroundBlur_2_2" />
61+
</filter>
62+
<filter id="filter1_f_2_2" x="-22.5782" y="-1.88827" width="38.6079" height="21.9804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
63+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
64+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
65+
<feGaussianBlur stdDeviation="3.273" result="effect1_foregroundBlur_2_2" />
66+
</filter>
67+
<filter id="filter2_f_2_2" x="-20.4548" y="2.19805" width="33.9139" height="12.5647" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
68+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
69+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
70+
<feGaussianBlur stdDeviation="1.964" result="effect1_foregroundBlur_2_2" />
71+
</filter>
72+
<filter id="filter3_f_2_2" x="-18.4904" y="9.88925" width="34.01" height="12.5648" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
73+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
74+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
75+
<feGaussianBlur stdDeviation="1.964" result="effect1_foregroundBlur_2_2" />
76+
</filter>
77+
<filter id="filter4_f_2_2" x="-17.8346" y="10.3806" width="34.0099" height="12.5648" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
78+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
79+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
80+
<feGaussianBlur stdDeviation="1.964" result="effect1_foregroundBlur_2_2" />
81+
</filter>
82+
<filter id="filter5_f_2_2" x="7.4943" y="-6.32009" width="31.9451" height="25.1508" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
83+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
84+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
85+
<feGaussianBlur stdDeviation="3.273" result="effect1_foregroundBlur_2_2" />
86+
</filter>
87+
<filter id="filter6_f_2_2" x="10.8237" y="2.30699" width="26.2313" height="10.8388" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
88+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
89+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
90+
<feGaussianBlur stdDeviation="1.964" result="effect1_foregroundBlur_2_2" />
91+
</filter>
92+
<filter id="filter7_f_2_2" x="10.8237" y="2.30699" width="26.2313" height="10.8388" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
93+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
94+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
95+
<feGaussianBlur stdDeviation="1.964" result="effect1_foregroundBlur_2_2" />
96+
</filter>
97+
<filter id="filter8_f_2_2" x="-11.0501" y="-8.43711" width="23.9523" height="27.2022" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
98+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
99+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
100+
<feGaussianBlur stdDeviation="1.964" result="effect1_foregroundBlur_2_2" />
101+
</filter>
102+
<filter id="filter9_f_2_2" x="9.35783" y="-15.0865" width="23.4259" height="27.6282" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
103+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
104+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
105+
<feGaussianBlur stdDeviation="1.964" result="effect1_foregroundBlur_2_2" />
106+
</filter>
107+
<filter id="filter10_f_2_2" x="9.99386" y="-3.14457" width="16.4707" height="17.3399" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
108+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
109+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
110+
<feGaussianBlur stdDeviation="1.964" result="effect1_foregroundBlur_2_2" />
111+
</filter>
112+
<filter id="filter11_f_2_2" x="-11.755" y="3.89791" width="23.4259" height="27.6282" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
113+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
114+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
115+
<feGaussianBlur stdDeviation="1.964" result="effect1_foregroundBlur_2_2" />
116+
</filter>
117+
<filter id="filter12_f_2_2" x="-11.755" y="3.89791" width="23.4259" height="27.6282" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
118+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
119+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
120+
<feGaussianBlur stdDeviation="1.964" result="effect1_foregroundBlur_2_2" />
121+
</filter>
122+
<filter id="filter13_f_2_2" x="4.17262" y="0.216058" width="23.4628" height="27.6459" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
123+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
124+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
125+
<feGaussianBlur stdDeviation="1.964" result="effect1_foregroundBlur_2_2" />
126+
</filter>
127+
<filter id="filter14_f_2_2" x="7.72776" y="4.09222" width="20.1765" height="22.6836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
128+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
129+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
130+
<feGaussianBlur stdDeviation="1.964" result="effect1_foregroundBlur_2_2" />
131+
</filter>
132+
<clipPath id="clip0_2_2">
133+
<rect width="22" height="22" fill="white" />
134+
</clipPath>
135+
</defs>
136+
</svg>
137+
</template>

‎packages/core/src/client/webcomponents/style.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,11 +41,11 @@
4141
}
4242

4343
#vite-devtools-anchor.vite-devtools-minimized #vite-devtools-dock {
44-
--uno: w-[20px] h-[20px] px-0 py-[2px];
44+
--uno: w-[22px] h-[22px] px-0 py-[2px];
4545
}
4646

4747
#vite-devtools-anchor.vite-devtools-minimized .vite-devtools-dock-bracket {
48-
--uno: w-2 op50;
48+
--uno: w-1.5 op50;
4949
}
5050

5151
#vite-devtools-anchor:hover #vite-devtools-glowing {

0 commit comments

Comments
 (0)