Skip to content

Commit 6a28bb5

Browse files
LuiginicolettiLuiginicoletti
authored
23 corrigir efeito hover de redes socais (#43)
* fix: the bubbles on work components now render while in view * feat: icons done * fix: lints and prettiers
1 parent a02bf35 commit 6a28bb5

8 files changed

Lines changed: 504 additions & 140 deletions

File tree

‎components/octopost/About/About.tsx‎

Lines changed: 101 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
"use client";
22

3+
import { AboutLogoIconsBg, AboutLogoIconsBg1 } from "./assets/AboutLogoIconsBg";
4+
35
import { motion } from "framer-motion";
46
import AboutLogo from "./assets/AboutLogo";
57
import {
@@ -10,6 +12,7 @@ import {
1012
AboutIcons5,
1113
} from "./assets/AboutLogoIcons";
1214
import CloudIcon from "./assets/CloudIcon";
15+
import CloudIcon2 from "./assets/CloudIcon2";
1316

1417
export default function About() {
1518
return (
@@ -23,20 +26,76 @@ export default function About() {
2326
className="relative hidden lg:flex"
2427
>
2528
<AboutLogo />
26-
<div className="absolute left-14 top-36">
27-
<AboutIcons1 />
29+
<div className="group absolute left-28 top-48 transition-transform duration-300 hover:scale-105">
30+
<div className="relative">
31+
<AboutLogoIconsBg />
32+
<div
33+
className="absolute inset-0 rounded-full opacity-0 transition-opacity duration-300 group-hover:opacity-100"
34+
style={{
35+
boxShadow: "0 0 0 10px rgba(160, 118, 249, 0.2)",
36+
}}
37+
></div>
38+
</div>
39+
<div className="absolute inset-0 flex items-center justify-center transition-transform duration-300 hover:scale-95">
40+
<AboutIcons1 />
41+
</div>
2842
</div>
29-
<div className="absolute left-20 top-[278px]">
30-
<AboutIcons2 />
43+
<div className="group absolute left-32 top-[331px] transition-transform duration-300 hover:scale-105">
44+
<div className="relative">
45+
<AboutLogoIconsBg />
46+
<div
47+
className="absolute inset-0 rounded-full opacity-0 transition-opacity duration-300 group-hover:opacity-100"
48+
style={{
49+
boxShadow: "0 0 0 10px rgba(160, 118, 249, 0.2)",
50+
}}
51+
></div>
52+
</div>
53+
<div className="absolute inset-0 flex items-center justify-center transition-transform duration-300 hover:scale-95">
54+
<AboutIcons2 />
55+
</div>
3156
</div>
32-
<div className="absolute bottom-7 left-48">
33-
<AboutIcons3 />
57+
<div className="group absolute bottom-20 left-60 transition-transform duration-300 hover:scale-105">
58+
<div className="relative">
59+
<AboutLogoIconsBg />
60+
<div
61+
className="absolute inset-0 rounded-full opacity-0 transition-opacity duration-300 group-hover:opacity-100"
62+
style={{
63+
boxShadow: "0 0 0 10px rgba(160, 118, 249, 0.2)",
64+
}}
65+
></div>
66+
</div>
67+
<div className="absolute inset-0 flex items-center justify-center transition-transform duration-300 hover:scale-95">
68+
<AboutIcons3 />
69+
</div>
3470
</div>
35-
<div className="absolute bottom-10 right-[164px]">
36-
<AboutIcons4 />
71+
<div className="group absolute bottom-20 right-[210px] transition-transform duration-300 hover:scale-105">
72+
<div className="relative">
73+
<AboutLogoIconsBg />
74+
<div
75+
className="absolute inset-0 rounded-full opacity-0 transition-opacity duration-300 group-hover:opacity-100"
76+
style={{
77+
boxShadow: "0 0 0 10px rgba(160, 118, 249, 0.2)",
78+
}}
79+
></div>
80+
</div>
81+
<div className="absolute inset-0 flex items-center justify-center transition-transform duration-300 hover:scale-95">
82+
<AboutIcons4 />
83+
</div>
3784
</div>
38-
<div className="absolute right-8 top-56">
39-
<AboutIcons5 />
85+
<div className="group absolute bottom-44 right-28 transition-transform duration-300 hover:scale-105">
86+
<div className="relative">
87+
<AboutLogoIconsBg1 />
88+
<div
89+
className="absolute inset-0 rounded-full opacity-0 transition-opacity duration-300 group-hover:opacity-100"
90+
style={{
91+
boxShadow:
92+
"0 0 0 40px rgba(247, 40, 142, 0.1), 0 0 0 28px rgba(247, 40, 142, 0.1)",
93+
}}
94+
></div>
95+
</div>
96+
<div className="absolute inset-0 flex items-center justify-center transition-transform duration-300 hover:scale-95">
97+
<AboutIcons5 />
98+
</div>
4099
</div>
41100
</motion.div>
42101
</div>
@@ -58,25 +117,45 @@ export default function About() {
58117
desenvolver um módulo pra usar essa nova rede social no app!
59118
</p>
60119
<div className="max-w-1/3 flex-center flex flex-wrap-reverse gap-8 overflow-x-hidden lg:flex-row lg:flex-nowrap">
61-
<div className="">
62-
<CloudIcon />
120+
<div>
121+
<div className="group relative">
122+
<div className="transition-opacity duration-300 hover:opacity-0">
123+
<CloudIcon />
124+
</div>
125+
<div className="absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100">
126+
<CloudIcon2 />
127+
</div>
128+
</div>
63129
<p className="primary-text-gradient text-center">
64-
Free and Open <br />
65-
Source
130+
Grátis e Código <br />
131+
Aberto
66132
</p>
67133
</div>
68-
<div className="hover:bg-white">
69-
<CloudIcon />
134+
<div>
135+
<div className="group relative">
136+
<div className="transition-opacity duration-300 hover:opacity-0">
137+
<CloudIcon />
138+
</div>
139+
<div className="absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100">
140+
<CloudIcon2 />
141+
</div>
142+
</div>
70143
<p className="primary-text-gradient text-center">
71-
Free and Open <br />
72-
Source
144+
Modular e <br />
145+
Extensível
73146
</p>
74147
</div>
75-
<div className="">
76-
<CloudIcon />
148+
<div>
149+
<div className="group relative">
150+
<div className="transition-opacity duration-300 hover:opacity-0">
151+
<CloudIcon />
152+
</div>
153+
<div className="absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100">
154+
<CloudIcon2 />
155+
</div>
156+
</div>
77157
<p className="primary-text-gradient text-center">
78-
Free and Open <br />
79-
Source
158+
Multiplataforma
80159
</p>
81160
</div>
82161
</div>

‎components/octopost/About/assets/AboutLogoIcons.tsx‎

Lines changed: 20 additions & 113 deletions
Original file line numberDiff line numberDiff line change
@@ -3,174 +3,81 @@ import React from "react";
33
function AboutIcons1() {
44
return (
55
<svg
6-
width="173"
7-
height="194"
8-
viewBox="0 0 173 194"
6+
width="19"
7+
height="35"
8+
viewBox="0 0 19 35"
99
fill="none"
1010
xmlns="http://www.w3.org/2000/svg"
1111
>
1212
<path
13-
d="M129.651 97.1519C129.651 120.986 110.363 140.304 86.5753 140.304C62.7879 140.304 43.5 120.986 43.5 97.1519C43.5 73.3173 62.7879 54 86.5753 54C110.363 54 129.651 73.3173 129.651 97.1519Z"
14-
fill="#F8F9FF"
15-
stroke="url(#paint0_linear_991_2021)"
16-
stroke-width="3"
17-
stroke-miterlimit="10"
18-
/>
19-
<path
20-
d="M94.7564 99.6875H89.5745V115H82.6655V99.6875H77V93.3984H82.6655V88.5449C82.6655 83.0762 85.9818 80 91.0255 80C93.4436 80 96 80.4785 96 80.4785V85.8789H93.1673C90.4036 85.8789 89.5745 87.5195 89.5745 89.2969V93.3984H95.7236L94.7564 99.6875Z"
13+
d="M17.7564 19.6875H12.5745V35H5.66545V19.6875H0V13.3984H5.66545V8.54492C5.66545 3.07617 8.98182 0 14.0255 0C16.4436 0 19 0.478516 19 0.478516V5.87891H16.1673C13.4036 5.87891 12.5745 7.51953 12.5745 9.29688V13.3984H18.7236L17.7564 19.6875Z"
2114
fill="#A076F9"
2215
/>
23-
<defs>
24-
<linearGradient
25-
id="paint0_linear_991_2021"
26-
x1="46.8599"
27-
y1="74.1716"
28-
x2="126.385"
29-
y2="120.014"
30-
gradientUnits="userSpaceOnUse"
31-
>
32-
<stop stop-color="#9840EC" />
33-
<stop offset="0.5" stop-color="#A076F9" />
34-
<stop offset="0.76" stop-color="#AD46E9" />
35-
<stop offset="1" stop-color="#B71FDC" />
36-
</linearGradient>
37-
</defs>
3816
</svg>
3917
);
4018
}
4119
function AboutIcons2() {
4220
return (
4321
<svg
44-
width="173"
45-
height="194"
46-
viewBox="0 0 173 194"
22+
width="37"
23+
height="22"
24+
viewBox="0 0 37 22"
4725
fill="none"
4826
xmlns="http://www.w3.org/2000/svg"
4927
>
5028
<path
51-
d="M129.651 97.1519C129.651 120.986 110.363 140.304 86.5753 140.304C62.7879 140.304 43.5 120.986 43.5 97.1519C43.5 73.3173 62.7879 54 86.5753 54C110.363 54 129.651 73.3173 129.651 97.1519Z"
52-
fill="#F8F9FF"
53-
stroke="url(#paint0_linear_991_2024)"
54-
stroke-width="3"
55-
stroke-miterlimit="10"
56-
/>
57-
<path
58-
d="M82.9028 95.8726C85.6649 96.6039 87.0139 98.615 87.0139 101.296C87.0139 105.684 83.1597 107.573 78.9844 107.573H68V86H78.7274C82.5816 86 85.9861 87.036 85.9861 91.3629C85.9861 93.4958 84.8941 94.8975 82.9028 95.8726ZM72.9462 89.6565V94.7147H78.0208C79.8194 94.7147 81.1042 93.9834 81.1042 92.1551C81.1042 90.144 79.4983 89.6565 77.6997 89.6565H72.9462ZM78.342 103.917C80.3333 103.917 82.0035 103.247 82.0035 101.053C82.0035 98.8587 80.6545 97.9446 78.4062 97.9446H72.9462V103.917H78.342ZM101.339 89.2299H92.1528V87.097H101.339V89.2299ZM105 100.017C105 100.26 104.936 100.565 104.936 100.809H93.0521C93.0521 103.307 94.4653 104.77 97.099 104.77C98.4479 104.77 100.247 104.1 100.696 102.759H104.679C103.458 106.294 100.889 108 96.9705 108C91.7674 108 88.4913 104.648 88.4913 99.7729C88.4913 95.0803 91.8958 91.4848 96.9705 91.4848C102.109 91.4848 105 95.385 105 100.017ZM93.0521 98.0665H100.439C100.247 95.9945 99.0903 94.7756 96.7778 94.7756C94.658 94.7756 93.1806 96.0554 93.0521 98.0665Z"
29+
d="M14.9028 9.87258C17.6649 10.6039 19.0139 12.615 19.0139 15.2964C19.0139 19.6842 15.1597 21.5734 10.9844 21.5734H0V0H10.7274C14.5816 0 17.9861 1.03601 17.9861 5.36288C17.9861 7.49584 16.8941 8.89751 14.9028 9.87258ZM4.94618 3.65651V8.71468H10.0208C11.8194 8.71468 13.1042 7.98338 13.1042 6.15512C13.1042 4.14404 11.4983 3.65651 9.69965 3.65651H4.94618ZM10.342 17.9169C12.3333 17.9169 14.0035 17.2465 14.0035 15.0526C14.0035 12.8587 12.6545 11.9446 10.4063 11.9446H4.94618V17.9169H10.342ZM33.3385 3.22992H24.1528V1.09695H33.3385V3.22992ZM37 14.0166C37 14.2604 36.9358 14.5651 36.9358 14.8089H25.0521C25.0521 17.3075 26.4653 18.7701 29.099 18.7701C30.4479 18.7701 32.2465 18.0997 32.6962 16.759H36.6788C35.4583 20.2936 32.8889 22 28.9705 22C23.7674 22 20.4913 18.6482 20.4913 13.7729C20.4913 9.08033 23.8958 5.48476 28.9705 5.48476C34.1094 5.48476 37 9.38504 37 14.0166ZM25.0521 12.0665H32.4392C32.2465 9.99446 31.0903 8.77562 28.7778 8.77562C26.658 8.77562 25.1806 10.0554 25.0521 12.0665Z"
5930
fill="#A076F9"
6031
/>
61-
<defs>
62-
<linearGradient
63-
id="paint0_linear_991_2024"
64-
x1="46.8599"
65-
y1="74.1716"
66-
x2="126.385"
67-
y2="120.014"
68-
gradientUnits="userSpaceOnUse"
69-
>
70-
<stop stop-color="#9840EC" />
71-
<stop offset="0.5" stop-color="#A076F9" />
72-
<stop offset="0.76" stop-color="#AD46E9" />
73-
<stop offset="1" stop-color="#B71FDC" />
74-
</linearGradient>
75-
</defs>
7632
</svg>
7733
);
7834
}
7935

8036
function AboutIcons3() {
8137
return (
8238
<svg
83-
width="173"
84-
height="194"
85-
viewBox="0 0 173 194"
39+
width="39"
40+
height="33"
41+
viewBox="0 0 39 33"
8642
fill="none"
8743
xmlns="http://www.w3.org/2000/svg"
8844
>
8945
<path
90-
d="M129.651 97.1519C129.651 120.986 110.363 140.304 86.5753 140.304C62.7879 140.304 43.5 120.986 43.5 97.1519C43.5 73.3173 62.7879 54 86.5753 54C110.363 54 129.651 73.3173 129.651 97.1519Z"
91-
fill="#F8F9FF"
92-
stroke="url(#paint0_linear_991_2022)"
93-
stroke-width="3"
94-
stroke-miterlimit="10"
95-
/>
96-
<path
97-
d="M103.031 90.1904C103.031 90.588 103.031 90.906 103.031 91.3036C103.031 102.357 95.0176 115 80.2877 115C75.7084 115 71.5108 113.648 68 111.263C68.6106 111.342 69.2211 111.422 69.908 111.422C73.6477 111.422 77.0822 110.07 79.8297 107.843C76.319 107.764 73.3425 105.378 72.3503 102.039C72.8845 102.118 73.3425 102.198 73.8767 102.198C74.5636 102.198 75.3268 102.039 75.9374 101.88C72.274 101.084 69.5264 97.7446 69.5264 93.6892V93.6096C70.5949 94.2458 71.8924 94.5639 73.1898 94.6434C70.9765 93.1325 69.6027 90.588 69.6027 87.7253C69.6027 86.1349 69.9843 84.7036 70.6712 83.5108C74.6399 88.5205 80.593 91.8602 87.2329 92.2578C87.0802 91.6217 87.0039 90.9855 87.0039 90.3494C87.0039 85.7373 90.591 82 95.0176 82C97.3072 82 99.3679 82.9542 100.894 84.6241C102.65 84.2265 104.405 83.5108 105.932 82.5566C105.321 84.5446 104.1 86.1349 102.421 87.1687C104.023 87.0096 105.626 86.5325 107 85.8964C105.932 87.5663 104.558 88.9976 103.031 90.1904Z"
46+
d="M35.0313 8.19036C35.0313 8.58795 35.0313 8.90602 35.0313 9.30361C35.0313 20.3566 27.0176 33 12.2877 33C7.70842 33 3.51076 31.6482 0 29.2626C0.610568 29.3422 1.22114 29.4217 1.90802 29.4217C5.64775 29.4217 9.08219 28.0699 11.8297 25.8434C8.31898 25.7639 5.34247 23.3783 4.35029 20.0386C4.88454 20.1181 5.34247 20.1976 5.87671 20.1976C6.5636 20.1976 7.32681 20.0386 7.93738 19.8795C4.27397 19.0843 1.52642 15.7446 1.52642 11.6892V11.6096C2.59491 12.2458 3.89237 12.5639 5.18982 12.6434C2.97652 11.1325 1.60274 8.58795 1.60274 5.7253C1.60274 4.13494 1.98434 2.70361 2.67123 1.51084C6.63992 6.52048 12.593 9.86024 19.2329 10.2578C19.0802 9.62169 19.0039 8.98554 19.0039 8.3494C19.0039 3.73735 22.591 0 27.0176 0C29.3072 0 31.3679 0.954217 32.8943 2.6241C34.6497 2.22651 36.4051 1.51084 37.9315 0.556626C37.3209 2.54458 36.0998 4.13494 34.4207 5.16867C36.0235 5.00964 37.6262 4.53253 39 3.89639C37.9315 5.56626 36.5577 6.99759 35.0313 8.19036Z"
9847
fill="#A076F9"
9948
/>
100-
<defs>
101-
<linearGradient
102-
id="paint0_linear_991_2022"
103-
x1="46.8599"
104-
y1="74.1716"
105-
x2="126.385"
106-
y2="120.014"
107-
gradientUnits="userSpaceOnUse"
108-
>
109-
<stop stop-color="#9840EC" />
110-
<stop offset="0.5" stop-color="#A076F9" />
111-
<stop offset="0.76" stop-color="#AD46E9" />
112-
<stop offset="1" stop-color="#B71FDC" />
113-
</linearGradient>
114-
</defs>
11549
</svg>
11650
);
11751
}
11852

11953
function AboutIcons4() {
12054
return (
12155
<svg
122-
width="173"
123-
height="194"
124-
viewBox="0 0 173 194"
56+
width="39"
57+
height="39"
58+
viewBox="0 0 39 39"
12559
fill="none"
12660
xmlns="http://www.w3.org/2000/svg"
12761
>
12862
<path
129-
d="M129.651 97.1519C129.651 120.986 110.363 140.304 86.5753 140.304C62.7879 140.304 43.5 120.986 43.5 97.1519C43.5 73.3173 62.7879 54 86.5753 54C110.363 54 129.651 73.3173 129.651 97.1519Z"
130-
fill="#F8F9FF"
131-
stroke="url(#paint0_linear_991_2023)"
132-
stroke-width="3"
133-
stroke-miterlimit="10"
134-
/>
135-
<path
136-
d="M86.5 78C97.1935 78 106 86.8065 106 97.5C106 108.272 97.1935 117 86.5 117C75.7278 117 67 108.272 67 97.5C67 86.8065 75.7278 78 86.5 78ZM99.3165 87.0423C99.002 87.5141 96.25 91.0524 90.0383 93.5685C90.6673 94.8266 91.0605 95.7702 91.5323 96.871C97.0363 96.1633 102.54 97.2641 103.091 97.4214C103.091 93.4899 101.675 89.873 99.3165 87.0423ZM97.5081 85.0766C93.4194 81.4597 87.8367 80.123 82.5685 81.381C83.0403 82.0101 86.0282 86.0988 88.7802 91.131C94.6774 88.9294 97.1935 85.5484 97.5081 85.0766ZM79.3448 82.4819C74.7056 84.6835 71.246 89.0081 70.1452 94.119C70.9315 94.1976 77.7722 94.1976 85.5565 92.1532C82.8044 87.1996 79.8165 83.1109 79.3448 82.4819ZM69.8306 97.5786C69.8306 101.825 71.4032 105.756 74.0766 108.665C76.75 104.105 82.254 99.2298 88.3085 97.5C87.8367 96.5565 87.4435 95.6129 86.8931 94.6694C78.6371 97.1855 70.5383 97.1069 69.8306 97.0282C69.8306 97.2641 69.8306 97.4214 69.8306 97.5786ZM76.1996 110.71C81.1532 114.562 87.6008 115.192 92.9476 112.911C92.7117 111.417 91.7681 106.306 89.4093 100.252C82.7258 102.532 78.0081 107.171 76.1996 110.71ZM95.7782 111.339C99.4738 108.823 102.147 104.812 102.933 100.173C102.304 100.016 97.744 98.6794 92.5544 99.4657C94.6774 105.52 95.621 110.395 95.7782 111.339Z"
63+
d="M19.5 0C30.1935 0 39 8.80645 39 19.5C39 30.2722 30.1935 39 19.5 39C8.72782 39 0 30.2722 0 19.5C0 8.80645 8.72782 0 19.5 0ZM32.3165 9.04234C32.002 9.51411 29.25 13.0524 23.0383 15.5685C23.6673 16.8266 24.0605 17.7702 24.5323 18.871C30.0363 18.1633 35.5403 19.2641 36.0907 19.4214C36.0907 15.4899 34.6754 11.873 32.3165 9.04234ZM30.5081 7.07661C26.4194 3.45968 20.8367 2.12298 15.5685 3.38105C16.0403 4.01008 19.0282 8.09879 21.7802 13.131C27.6774 10.9294 30.1935 7.54839 30.5081 7.07661ZM12.3448 4.48185C7.70565 6.68347 4.24597 11.0081 3.14516 16.119C3.93145 16.1976 10.7722 16.1976 18.5565 14.1532C15.8044 9.1996 12.8165 5.11089 12.3448 4.48185ZM2.83065 19.5786C2.83065 23.8246 4.40323 27.756 7.07661 30.6653C9.75 26.1048 15.254 21.2298 21.3085 19.5C20.8367 18.5565 20.4435 17.6129 19.8931 16.6694C11.6371 19.1855 3.53831 19.1069 2.83065 19.0282C2.83065 19.2641 2.83065 19.4214 2.83065 19.5786ZM9.1996 32.7097C14.1532 36.5625 20.6008 37.1915 25.9476 34.9113C25.7117 33.4173 24.7681 28.3065 22.4093 22.252C15.7258 24.5323 11.0081 29.1714 9.1996 32.7097ZM28.7782 33.3387C32.4738 30.8226 35.1472 26.8125 35.9335 22.1734C35.3044 22.0161 30.744 20.6794 25.5544 21.4657C27.6774 27.5202 28.621 32.3952 28.7782 33.3387Z"
13764
fill="#A076F9"
13865
/>
139-
<defs>
140-
<linearGradient
141-
id="paint0_linear_991_2023"
142-
x1="46.8599"
143-
y1="74.1716"
144-
x2="126.385"
145-
y2="120.014"
146-
gradientUnits="userSpaceOnUse"
147-
>
148-
<stop stop-color="#9840EC" />
149-
<stop offset="0.5" stop-color="#A076F9" />
150-
<stop offset="0.76" stop-color="#AD46E9" />
151-
<stop offset="1" stop-color="#B71FDC" />
152-
</linearGradient>
153-
</defs>
15466
</svg>
15567
);
15668
}
15769

15870
function AboutIcons5() {
15971
return (
16072
<svg
161-
width="251"
162-
height="255"
163-
viewBox="0 0 251 255"
73+
width="31"
74+
height="30"
75+
viewBox="0 0 31 30"
16476
fill="none"
16577
xmlns="http://www.w3.org/2000/svg"
16678
>
16779
<path
168-
opacity="0.9"
169-
d="M125.575 172.304C150.194 172.304 170.151 152.312 170.151 127.652C170.151 102.991 150.194 83 125.575 83C100.957 83 81 102.991 81 127.652C81 152.312 100.957 172.304 125.575 172.304Z"
170-
fill="#F7288E"
171-
/>
172-
<path
173-
d="M140.694 131.271C140.694 132.376 139.798 133.271 138.694 133.271H132.397C131.292 133.271 130.397 134.166 130.397 135.271V141.441C130.397 142.546 129.501 143.441 128.397 143.441H122.81C121.706 143.441 120.81 142.546 120.81 141.441V135.271C120.81 134.166 119.915 133.271 118.81 133.271H112.513C111.409 133.271 110.513 132.376 110.513 131.271V126.529C110.513 125.425 111.409 124.529 112.513 124.529H118.81C119.915 124.529 120.81 123.634 120.81 122.529V116.302C120.81 115.197 121.706 114.302 122.81 114.302H128.397C129.501 114.302 130.397 115.197 130.397 116.302V122.529C130.397 123.634 131.292 124.529 132.397 124.529H138.694C139.798 124.529 140.694 125.425 140.694 126.529V131.271Z"
80+
d="M30.6937 17.271C30.6937 18.3755 29.7982 19.271 28.6937 19.271H22.3968C21.2923 19.271 20.3968 20.1664 20.3968 21.271V27.4413C20.3968 28.5459 19.5014 29.4413 18.3968 29.4413H12.8101C11.7056 29.4413 10.8101 28.5459 10.8101 27.4413V21.271C10.8101 20.1664 9.9147 19.271 8.81013 19.271H2.51331C1.40874 19.271 0.513306 18.3755 0.513306 17.271V12.5291C0.513306 11.4245 1.40874 10.5291 2.51331 10.5291H8.81013C9.9147 10.5291 10.8101 9.63365 10.8101 8.52908V2.30164C10.8101 1.19707 11.7056 0.301636 12.8101 0.301636H18.3968C19.5014 0.301636 20.3968 1.19707 20.3968 2.30164V8.52908C20.3968 9.63365 21.2923 10.5291 22.3968 10.5291H28.6937C29.7982 10.5291 30.6937 11.4245 30.6937 12.5291V17.271Z"
17481
fill="white"
17582
/>
17683
</svg>

0 commit comments

Comments
 (0)