Skip to content

Commit d06e578

Browse files
hiaaryanhiaaryan
committed
fix bugs 🐛
1 parent 2a5fbe4 commit d06e578

4 files changed

Lines changed: 223 additions & 124 deletions

File tree

‎src/icons.tsx‎

Lines changed: 113 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
1+
import type { SVGProps } from "react";
2+
3+
export const ArrowRight = () => (
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
6+
width="16"
7+
height="16"
8+
viewBox="0 0 24 24"
9+
fill="none"
10+
stroke="currentColor"
11+
strokeWidth="2"
12+
strokeLinecap="round"
13+
strokeLinejoin="round"
14+
>
15+
<title>Arrow Right</title>
16+
<path d="M5 12h14" />
17+
<path d="m12 5 7 7-7 7" />
18+
</svg>
19+
);
20+
21+
export const LifeBuoy = () => (
22+
<svg
23+
xmlns="http://www.w3.org/2000/svg"
24+
width="16"
25+
height="16"
26+
viewBox="0 0 24 24"
27+
fill="none"
28+
stroke="currentColor"
29+
strokeWidth="2"
30+
strokeLinecap="round"
31+
strokeLinejoin="round"
32+
>
33+
<title>Life Buoy</title>
34+
<circle cx="12" cy="12" r="10" />
35+
<path d="m4.93 4.93 4.24 4.24" />
36+
<path d="m14.83 9.17 4.24-4.24" />
37+
<path d="m14.83 14.83 4.24 4.24" />
38+
<path d="m9.17 14.83-4.24 4.24" />
39+
<circle cx="12" cy="12" r="4" />
40+
</svg>
41+
);
42+
43+
export const LoaderCircle = (props: SVGProps<SVGSVGElement>) => (
44+
<svg
45+
{...props}
46+
xmlns="http://www.w3.org/2000/svg"
47+
width="16"
48+
height="16"
49+
viewBox="0 0 24 24"
50+
fill="none"
51+
stroke="currentColor"
52+
strokeWidth="2"
53+
strokeLinecap="round"
54+
strokeLinejoin="round"
55+
>
56+
<title>Loader Circle</title>
57+
<path d="M21 12a9 9 0 1 1-6.219-8.56" />
58+
</svg>
59+
);
60+
61+
export const X = () => (
62+
<svg
63+
xmlns="http://www.w3.org/2000/svg"
64+
width="16"
65+
height="16"
66+
viewBox="0 0 24 24"
67+
fill="none"
68+
stroke="currentColor"
69+
strokeWidth="2"
70+
strokeLinecap="round"
71+
strokeLinejoin="round"
72+
>
73+
<title>X</title>
74+
<path d="M18 6 6 18" />
75+
<path d="m6 6 12 12" />
76+
</svg>
77+
);
78+
79+
export const CircleAlert = () => (
80+
<svg
81+
xmlns="http://www.w3.org/2000/svg"
82+
width="16"
83+
height="16"
84+
viewBox="0 0 24 24"
85+
fill="none"
86+
stroke="currentColor"
87+
strokeWidth="2"
88+
strokeLinecap="round"
89+
strokeLinejoin="round"
90+
>
91+
<title>Circle Alert</title>
92+
<circle cx="12" cy="12" r="10" />
93+
<line x1="12" x2="12" y1="8" y2="12" />
94+
<line x1="12" x2="12.01" y1="16" y2="16" />
95+
</svg>
96+
);
97+
98+
export const Check = () => (
99+
<svg
100+
xmlns="http://www.w3.org/2000/svg"
101+
width="16"
102+
height="16"
103+
viewBox="0 0 24 24"
104+
fill="none"
105+
stroke="currentColor"
106+
strokeWidth="2"
107+
strokeLinecap="round"
108+
strokeLinejoin="round"
109+
>
110+
<title>Check</title>
111+
<path d="M20 6 9 17l-5-5" />
112+
</svg>
113+
);

‎src/sileo.css‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -232,6 +232,8 @@
232232
flex-shrink: 0;
233233
align-items: center;
234234
justify-content: center;
235+
padding: 2px;
236+
box-sizing: border-box;
235237
border-radius: 9999px;
236238
color: var(--sileo-tone, currentColor);
237239
background-color: var(--sileo-tone-bg, transparent);

0 commit comments

Comments
 (0)