Archived
ui release 1.0
This commit is contained in:
centauridesigns committed
1 parent
f10e1fcf7c
commit
63c3abd9ea
20 files changed
+214
-59
No files matched your search
@@ -0,0 +1,19 @@
|
||||
import React from "react";
|
||||
|
||||
const HomeIcon: React.FC<{ className?: string }> = ({ className }) => (
|
||||
<svg
|
||||
width="45"
|
||||
viewBox="0 0 111 77"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g clip-path="url(#clip0_919_262)">
|
||||
<path d="M37.3305 53.58H35.2305V70.1H46.9405V53.58H44.8405H37.3305Z" fill="white" />
|
||||
<path d="M43.5202 42.78H38.6602V49.59H43.5202V42.78Z" fill="white" />
|
||||
<path d="M81.1396 34.63L45.7496 1.83C43.1196 -0.61 39.0496 -0.61 36.4196 1.83L1.01956 34.63C-1.10044 36.59 0.289565 40.13 3.17956 40.13H9.90956C11.6596 40.13 13.0896 41.55 13.0896 43.31V71.7C13.0896 81.53 21.0596 89.51 30.8996 89.51H51.2896C61.1196 89.51 69.0996 81.54 69.0996 71.7V43.31C69.0996 41.56 70.5196 40.13 72.2796 40.13H79.0096C81.8996 40.13 83.2896 36.59 81.1696 34.63H81.1396ZM50.9396 71.42C50.9396 72.9 49.7396 74.1 48.2596 74.1H43.0796V89.51H39.0796V74.1H33.8996C32.4196 74.1 31.2196 72.9 31.2196 71.42V52.26C31.2196 50.78 32.4196 49.58 33.8996 49.58H34.6496V41.45C34.6496 39.97 35.8496 38.77 37.3296 38.77H44.8296C46.3096 38.77 47.5096 39.97 47.5096 41.45V49.58H48.2596C49.7396 49.58 50.9396 50.78 50.9396 52.26V71.42Z" fill="white" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default HomeIcon;
|
||||
@@ -0,0 +1,23 @@
|
||||
import React from "react";
|
||||
|
||||
const LoginIcon: React.FC<{ className?: string }> = ({ className }) => (
|
||||
<svg
|
||||
width="28"
|
||||
height="28"
|
||||
viewBox="0 0 111 77"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g clip-path="url(#clip0_907_180)">
|
||||
<g className="">
|
||||
<path d="M95.8006 53.05C93.2806 53.05 91.3105 55.12 91.3105 57.76C91.3105 60.4 93.2906 62.47 95.8006 62.47H106.041C108.561 62.47 110.531 60.4 110.531 57.76V19.13C110.531 16.49 108.551 14.42 106.041 14.42H95.8006C93.2806 14.42 91.3105 16.49 91.3105 19.13C91.3105 21.77 93.2906 23.84 95.8006 23.84H101.551V53.05H95.8006Z" fill="currentColor" />
|
||||
</g>
|
||||
<g className="">
|
||||
<path d="M1.28024 41.5549L37.3902 75.5749C39.2302 77.3149 42.0902 77.3149 43.9302 75.5749C45.7702 73.8349 45.7702 71.1449 43.9302 69.4149L15.6502 42.7749L81.8802 42.7749C84.4602 42.7749 86.4902 40.8649 86.4902 38.4349C86.4902 36.0049 84.4602 34.0949 81.8802 34.0949L15.6502 34.0949L43.9302 7.45494C45.7702 5.71494 45.7702 3.02494 43.9302 1.29494C43.0102 0.424941 41.8102 -0.00505457 40.7102 -0.00505466C39.6102 -0.00505476 38.3102 0.424941 37.4902 1.29494L1.38024 35.3149C0.550237 36.0949 0.000239978 37.2249 0.000239879 38.3549C0.00023978 39.4849 0.460237 40.6149 1.38024 41.3949L1.29024 41.5649L1.28024 41.5549Z" fill="currentColor" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default LoginIcon;
|
||||
@@ -0,0 +1,13 @@
|
||||
import React from "react";
|
||||
|
||||
const LogoIcon: React.FC<{ className?: string }> = ({ className }) => (
|
||||
<svg width="45" height="45" viewBox="0 0 282 282" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
|
||||
<g clip-path="url(#clip0_913_223)">
|
||||
<path d="M61.8096 72.52L79.7996 90C87.2696 81.99 95.1796 74.33 103.45 67.09L85.7696 49.89C77.1296 56.71 69.0996 64.28 61.8096 72.52Z" fill="#7C5CA8" />
|
||||
<path d="M181.44 172.03C172.79 180.39 164.62 189.26 156.99 198.59C155.58 200.29 153.54 201.34 151.32 201.46C149.11 201.59 146.94 200.8 145.37 199.25L64.22 120.41C61.27 117.54 60.99 112.89 63.6 109.72C65.82 107.03 67.89 104.59 69.82 102.36L45.46 78.71C42.52 75.86 42.24 71.21 44.84 68.02C55.63 54.88 68.03 43.12 81.71 33.11C84.83 30.83 89.13 31.13 91.89 33.81L116.76 57.98C119.15 56.13 121.56 54.31 123.96 52.56C127.07 50.29 131.36 50.59 134.12 53.27L215.27 132.11C215.85 132.67 216.32 133.29 216.7 133.97C217.42 135.29 217.77 136.81 217.66 138.34C217.51 140.66 216.34 142.79 214.45 144.16C207.1 149.55 200.01 155.25 193.17 161.24C228.6 191.72 253.12 231.69 264.58 277.57C274.42 272.37 281.13 262.04 281.13 250.14V31C281.13 13.88 267.25 0 250.13 0H31C13.88 0 0 13.88 0 31V250.14C0 267.26 13.88 281.14 31 281.14H249.17C238.34 237.98 215.06 200.45 181.45 172.03H181.44Z" fill="#7C5CA8" />
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
);
|
||||
|
||||
export default LogoIcon;
|
||||
@@ -0,0 +1,13 @@
|
||||
import React from "react";
|
||||
|
||||
const NeufIcon: React.FC<{ className?: string }> = ({
|
||||
className
|
||||
}) => (<svg width="30" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M54.26 54.56C53.52 53.91 54.68 51.32 56.78 48.91C58.36 47.12 59.53 46.07 60.47 45.59C61.16 45.23 61.53 45.2 62.03 45.64C62.4 45.97 63.39 46.84 59.5 51.29C57.52 53.56 55.71 54.63 54.79 54.69C54.47 54.71 54.34 54.62 54.26 54.56Z" fill="white"/>
|
||||
<path d="M38.3098 25.89C37.5798 25.56 36.6098 25.15 35.5598 24.86C35.3998 24.82 35.2298 24.78 35.0498 24.73C36.7798 22.54 39.3498 20.93 42.0298 20.39L42.4598 20.33C43.7298 20.13 45.1098 20.12 46.5898 20.12H47.6098C49.6098 20.11 51.5798 19.92 53.4698 19.54C54.6898 19.31 55.9198 18.99 57.1198 18.59C58.0598 18.28 58.9998 17.92 59.9098 17.51C60.3698 17.31 60.8198 17.09 61.2598 16.88C61.6598 16.69 62.0498 16.51 62.4298 16.33C62.5898 16.26 62.7498 16.19 62.9298 16.12L61.3698 17.29C59.5198 18.85 57.9398 20.59 56.4998 22.25C56.1498 22.66 55.8198 23.08 55.4598 23.51C54.9198 24.19 54.3998 24.82 53.8498 25.42C52.5498 26.83 51.4298 27.87 50.3398 28.67L48.2598 30.08C47.5398 30.55 46.8198 31 46.0798 31.46C46.0398 31.49 45.9998 31.51 45.9598 31.54C44.7998 30.34 43.6698 29.32 42.5098 28.43C41.1898 27.43 39.7798 26.58 38.3098 25.89Z" fill="white"/>
|
||||
<path d="M71.09 14.91C70.68 10.89 68.77 7.31999 65.93 4.75999C63.38 2.44999 60.07 0.969996 56.42 0.729996C56.06 0.699996 55.7 0.690002 55.33 0.690002H16.33C15.97 0.690002 15.6 0.699996 15.25 0.729996C11.6 0.969996 8.29 2.44999 5.74 4.75999C2.52 7.65999 0.5 11.86 0.5 16.53V33.11C2.28 29.41 4.56 26.16 6.36 23.75C7.62 22.07 8.9 20.42 10.17 18.78C10.82 17.94 11.43 17.16 12.03 16.38C13.23 14.85 14.43 13.21 15.8 11.23L17.48 8.59L18.28 7.23L19.3 5.28999C19.4 5.09999 19.51 4.91999 19.65 4.75999C19.85 4.50999 20.09 4.31 20.38 4.13C20.65 3.96 21.01 3.83 21.39 3.77C21.7 3.74 21.9 3.73 22.17 3.77C22.61 3.84 22.95 3.97 23.22 4.16C23.34 4.24 23.39 4.30001 23.45 4.35001L23.83 4.75999L24.04 4.99001C24.04 4.99001 24.22 5.17999 24.31 5.39999L24.99 6.95C25.14 7.31 25.27 7.64001 25.39 7.96001C25.66 8.68001 25.89 9.35 26.09 10C26.56 11.58 26.83 13.03 26.92 14.43C26.97 15.16 26.96 15.95 26.88 16.78C26.82 17.43 26.71 18.12 26.52 18.99C26.4 19.57 26.26 20.14 26.13 20.7C25.95 21.44 25.78 22.15 25.65 22.84C25.54 23.41 25.47 23.96 25.44 24.53C25.43 24.79 25.43 25.05 25.44 25.3C26.01 25.1 26.61 24.92 27.2 24.79C28.18 24.55 29.21 24.4 30.35 24.32C30.54 23.55 30.95 22.7 31.5 21.98C32.32 20.89 33.39 20.06 34.4 19.29C35.56 18.42 36.67 17.74 37.8 17.23C39.24 16.59 40.83 16.16 42.53 15.96C43.91 15.81 45.26 15.82 46.45 15.82H47.02C48.56 15.83 49.83 15.76 51 15.61C53.14 15.35 55.33 14.77 57.53 13.87C58.15 13.63 58.76 13.33 59.39 13.04C60.58 12.47 61.81 11.89 63.25 11.48C64.65 11.09 65.97 11.01 67.17 11.21L67.64 11.31C67.93 11.39 68.15 11.46 68.36 11.55C68.59 11.65 68.81 11.76 69.01 11.89C69.06 11.9 69.23 12.02 69.29 12.07C69.39 12.12 69.56 12.27 69.65 12.34C70.22 12.88 70.57 13.42 70.74 14.01L70.83 14.43C70.88 14.64 70.88 14.83 70.88 14.97C70.87 15.22 70.85 15.37 70.83 15.5L70.79 15.67C70.76 15.78 70.73 15.89 70.69 16C70.55 16.34 70.37 16.69 70.06 17.03C69.84 17.28 69.55 17.52 69.24 17.7C69.16 17.77 68.97 17.87 68.78 17.95L68.39 18.11C68.26 18.16 68.14 18.21 68.03 18.25L67.1 18.64C67.01 18.68 66.95 18.71 66.89 18.74L66.53 18.93C66.47 18.97 66.36 19.02 66.26 19.08L65.93 19.26L65.38 19.63C65.08 19.81 64.82 20.02 64.55 20.23L64.25 20.47C62.83 21.64 61.55 23.1 60.14 24.74L59.42 25.59C58.29 26.92 57.13 28.29 55.83 29.59C55.4 30.01 54.99 30.41 54.55 30.79L53.14 31.89C52.41 32.44 51.68 32.91 50.98 33.36L50.35 33.76C50 33.98 49.66 34.22 49.33 34.46C49.15 34.58 48.98 34.7 48.82 34.81C49.16 35.26 49.49 35.72 49.82 36.17L49.89 36.27C50.11 36.58 50.33 36.89 50.56 37.19L50.82 37.48C50.95 37.55 51.1 37.63 51.25 37.7C51.73 37.94 52.24 38.16 52.81 38.35C53.98 38.79 55.19 39.15 56.33 39.48C56.8 39.61 57.27 39.76 57.75 39.9C58.52 40.13 59.27 40.36 60.02 40.55C60.28 40.62 60.53 40.66 60.79 40.7C61 40.73 61.18 40.76 61.37 40.8C61.51 40.82 61.67 40.85 61.82 40.9C63.24 41.04 64.31 41.73 64.95 42.3C69.61 46.39 64.7 52.02 62.85 54.14C60.02 57.38 57.2 59.09 54.69 59.09C53.81 59.09 52.97 58.87 52.22 58.43H52.15C51.75 58.42 51.36 58.46 50.97 58.5C50.73 58.52 50.49 58.54 50.25 58.56C50.12 58.56 50 58.57 49.87 58.58C49.46 59.23 49.04 59.82 48.57 60.4C48.52 60.47 48.46 60.55 48.4 60.64C48.21 60.9 48.05 61.13 47.84 61.34C47.41 61.82 46.9 62.23 46.42 62.61C46.24 62.75 46.05 62.9 45.84 63.04L45.28 63.41C45.06 63.55 44.85 63.67 44.64 63.78L43.96 64.11C43.37 64.39 42.8 64.67 42.23 64.96L41.53 65.31C41.28 65.43 41.03 65.54 40.78 65.66L40.34 65.86L41.05 66.22C42.19 66.79 43.31 67.39 44.42 67.99C45.04 68.33 45.65 68.67 46.26 69.02L47.72 69.84C47.93 69.95 48.14 70.07 48.34 70.18C48.61 70.33 48.89 70.45 49.19 70.55L51.64 71.36H55.33C55.7 71.36 56.06 71.35 56.42 71.32C64.12 70.8 70.31 64.77 71.09 57.14C71.14 56.61 71.17 56.07 71.17 55.52V16.53C71.17 15.98 71.14 15.44 71.09 14.91Z" fill="white"/>
|
||||
<path d="M39.27 70.13C36.47 68.74 33.55 67.49 30.72 66.28L30.47 66.17C29.8 65.88 29.13 65.59 28.46 65.29L28.32 65.23C27.52 64.87 26.72 64.52 25.93 64.18C25.64 64.06 25.36 63.96 25.07 63.86C24.76 63.76 24.48 63.66 24.21 63.55C23.88 63.41 23.54 63.27 23.25 63.01C22.78 62.61 22.52 62.04 22.55 61.44C22.59 60.83 22.92 60.26 23.48 59.88C24.25 59.35 25.11 59.24 25.89 59.57C26.83 59.96 27.77 60.36 28.72 60.75C30.26 61.39 31.81 62.04 33.34 62.7C33.9 62.94 34.46 63.16 35.04 63.39L35.16 63.44C35.67 63.21 36.19 62.99 36.71 62.78C37.39 62.49 37.98 62.24 38.58 61.98C38.9 61.84 39.22 61.68 39.55 61.51L42.19 60.23C42.27 60.2 42.3 60.18 42.33 60.16L42.92 59.84C43.2 59.69 43.47 59.54 43.68 59.36C43.9 59.18 44.13 58.96 44.36 58.72C43.07 58.45 41.81 57.79 40.73 56.84C40.12 56.31 39.57 55.65 39.09 54.88C38.62 54.17 37.91 53.08 38.46 51.93C38.64 51.53 39.11 50.99 40.28 50.79C41.52 50.58 42.19 51.78 42.52 52.36L42.63 52.54C42.86 52.93 43.25 53.32 43.79 53.69C45.33 54.74 47.02 54.57 48.97 54.37C49.22 54.34 49.44 54.32 49.65 54.3C49.52 51.89 50.84 49.05 53.49 46.02C54.26 45.14 54.97 44.4 55.61 43.79C55.15 43.65 54.66 43.51 54.15 43.36C53.87 43.27 53.59 43.2 53.31 43.12C52.75 42.97 52.16 42.81 51.57 42.59C50.83 42.31 50.17 42.03 49.53 41.72C49.17 41.53 48.81 41.33 48.42 41.07C48.29 40.98 48.2 40.91 48.13 40.86C48.05 40.81 47.98 40.75 47.9 40.67L47.82 40.61C47.65 40.47 47.52 40.35 47.41 40.16L47.17 39.83C46.18 38.45 45 36.84 43.69 35.38C42.21 33.72 40.64 32.32 39.03 31.22C38.77 31.03 38.51 30.87 38.25 30.71L37.39 30.21C35.63 29.25 33.81 28.72 31.99 28.63C30.16 28.53 28.2 28.9 26.14 29.7L25.95 29.77C25.89 29.8 25.83 29.82 25.76 29.84C25.77 30.03 25.77 30.22 25.77 30.42C25.77 30.82 25.76 31.21 25.73 31.62L25.55 32.91L25.24 34.08L24.53 35.81L23.55 37.4L22.4 38.8L21.96 39.25C21.22 39.94 20.23 40.81 19.02 41.43L18.83 41.52C18.41 41.71 17.93 41.93 17.4 42C17.16 42.03 17.01 42.05 16.85 42.05C16.63 42.05 16.42 42.02 16.2 41.96C15.87 41.88 15.56 41.71 15.32 41.47C14.78 40.88 14.75 40.08 15.22 39.31C15.31 39.15 15.44 38.97 15.59 38.79C15.67 38.68 15.82 38.49 16.04 38.31C16.09 38.25 16.23 38.13 16.38 38.02L16.47 37.95C16.64 37.83 16.8 37.74 16.97 37.65L17.1 37.57C18.67 36.76 19.96 35.45 20.72 33.87C21.11 33.08 21.34 32.25 21.43 31.43C21.51 30.58 21.45 29.66 21.35 28.53C21.32 28.18 21.28 27.82 21.24 27.46C21.18 26.89 21.12 26.35 21.09 25.79C21.06 25.28 21.05 24.78 21.06 24.27C21.09 23.78 21.13 23.23 21.23 22.68C21.39 21.62 21.65 20.63 21.9 19.67C22 19.25 22.11 18.85 22.2 18.45C22.37 17.78 22.48 17.18 22.56 16.61C22.64 16.03 22.66 15.46 22.64 14.88C22.59 13.51 22.26 11.98 21.63 10.22C21.61 10.15 21.59 10.09 21.56 10.02C20.46 11.9 19.32 13.66 18.15 15.29C16.8 17.17 15.35 19.08 13.85 20.99C13.47 21.49 13.08 21.98 12.69 22.48C12.14 23.17 11.64 23.82 11.14 24.48C10.65 25.11 10.18 25.73 9.71 26.36L8.52 28.01C8.07 28.65 7.61 29.31 7.19 29.97L5.44 32.85C5.28 33.14 5.12 33.46 4.96 33.78L4.61 34.45C4.51 34.64 4.42 34.82 4.33 35.01L3.49 36.95C3.44 37.06 3.41 37.15 3.39 37.24L2.8 38.94C2.55 39.73 2.26 40.76 2.37 41.52L2.45 41.93C2.45 41.93 2.49 42.04 2.5 42.13L2.57 42.25C2.57 42.25 2.6 42.32 2.63 42.4C2.83 42.77 3.05 43.07 3.35 43.36C3.95 43.91 4.72 44.33 5.5 44.53C5.67 44.58 5.8 44.61 5.93 44.64C6.11 44.68 6.26 44.71 6.4 44.75L6.59 44.78C7.09 44.88 7.52 44.97 7.91 45.28C8.23 45.46 8.45 45.83 8.63 46.19C8.99 46.9 8.76 47.75 8.09 48.19C7.43 48.62 6.72 48.87 5.97 48.93C4.91 49.03 3.76 48.77 2.76 48.17L2.39 47.97C2.22 47.85 2.1 47.78 1.99 47.71C1.81 47.62 1.61 47.48 1.4 47.34L1.17 47.18C1.01 47.08 0.859999 46.96 0.709999 46.83L0.580002 46.73C0.580002 46.73 0.53 46.69 0.5 46.66V55.52C0.5 63.91 7.01 70.77 15.25 71.32C15.6 71.35 15.97 71.36 16.33 71.36H41.49C41.49 71.36 40.01 70.51 39.27 70.13ZM27.76 42.74C29.45 41.99 31.4 42.32 32.99 43.63C34.46 44.98 34.7 46.78 33.65 48.35C32.84 49.56 31.39 50.34 29.96 50.34C29.38 50.34 28.83 50.22 28.3 49.98L28.26 49.95C25.74 48.57 25.43 46.83 25.47 45.92C25.53 44.56 26.4 43.34 27.76 42.74Z" fill="white"/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default NeufIcon;
|
||||
@@ -0,0 +1,10 @@
|
||||
import React from "react";
|
||||
|
||||
const SettingsInactiveIcon: React.FC<{ className?: string }> = ({
|
||||
className
|
||||
}) => (<svg width="30" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M36.49 69.04H33.71C31.05 69.04 28.67 67.26 27.92 64.71L26.59 60.16L23.11 58.72L18.95 60.99C16.62 62.27 13.67 61.84 11.79 59.96L9.82 57.99C7.94 56.11 7.52 53.17 8.79 50.83L11.07 46.67L9.63 43.19L5.08 41.86C2.53 41.11 0.75 38.73 0.75 36.07V33.29C0.75 30.63 2.53 28.25 5.08 27.5L9.63 26.17L11.07 22.69L8.8 18.53C7.52 16.2 7.95 13.25 9.83 11.37L11.8 9.39999C13.68 7.51999 16.62 7.1 18.96 8.37L23.12 10.64L26.6 9.20001L27.93 4.64999C28.68 2.09999 31.06 0.320007 33.72 0.320007H36.5C39.16 0.320007 41.54 2.09999 42.29 4.64999L43.62 9.20001L47.1 10.64L51.26 8.35999C53.59 7.07999 56.54 7.51001 58.42 9.39001L60.39 11.36C62.27 13.24 62.69 16.18 61.42 18.52L59.15 22.68L60.59 26.16L65.14 27.49C67.69 28.24 69.47 30.62 69.47 33.28V36.06C69.47 38.72 67.69 41.1 65.14 41.85L60.59 43.18L59.15 46.66L61.42 50.82C62.7 53.15 62.27 56.09 60.39 57.98L58.42 59.95C56.54 61.83 53.6 62.25 51.26 60.98L47.1 58.71L43.62 60.15L42.29 64.7C41.54 67.25 39.16 69.03 36.5 69.03L36.49 69.04ZM22.82 53.56L30.43 56.71L32.39 63.4C32.56 63.98 33.1 64.38 33.7 64.38H36.48C37.08 64.38 37.62 63.98 37.79 63.4L39.75 56.71L47.35 53.56L53.47 56.91C54 57.2 54.67 57.11 55.09 56.68L57.06 54.71C57.49 54.28 57.58 53.61 57.29 53.09L53.95 46.98L57.1 39.37L63.79 37.41C64.37 37.24 64.77 36.7 64.77 36.1V33.32C64.77 32.72 64.37 32.18 63.79 32.01L57.1 30.05L53.95 22.44L57.29 16.33C57.58 15.8 57.48 15.13 57.06 14.71L55.09 12.74C54.66 12.31 54 12.22 53.47 12.51L47.35 15.86L39.75 12.71L37.79 6.01999C37.62 5.43999 37.08 5.04001 36.48 5.04001H33.7C33.1 5.04001 32.56 5.43999 32.39 6.01999L30.43 12.71L22.82 15.86L16.71 12.52C16.18 12.23 15.51 12.33 15.09 12.75L13.12 14.72C12.69 15.15 12.6 15.82 12.89 16.34L16.23 22.45L13.08 30.06L6.39 32.02C5.81 32.19 5.41 32.73 5.41 33.33V36.11C5.41 36.71 5.81 37.25 6.39 37.42L13.08 39.38L16.23 46.98L12.88 53.1C12.59 53.63 12.69 54.3 13.11 54.72L15.08 56.69C15.51 57.12 16.18 57.21 16.7 56.92L22.81 53.58L22.82 53.56ZM35.12 50.19C31.01 50.19 27.06 48.57 24.14 45.65C20.99 42.5 19.35 38.14 19.63 33.69C20.12 25.93 26.34 19.72 34.09 19.23C38.54 18.95 42.91 20.59 46.05 23.74C49.19 26.89 50.84 31.25 50.56 35.7C50.07 43.46 43.85 49.67 36.1 50.16C35.77 50.18 35.44 50.19 35.12 50.19ZM35.08 23.86C34.85 23.86 34.62 23.86 34.39 23.88C28.97 24.22 24.63 28.57 24.28 33.99C24.08 37.11 25.23 40.16 27.43 42.36C29.63 44.56 32.68 45.71 35.8 45.51C41.22 45.17 45.56 40.82 45.91 35.4C46.11 32.28 44.96 29.23 42.76 27.03C40.72 24.99 37.95 23.86 35.08 23.86Z" fill="white"/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default SettingsInactiveIcon;
|
||||
@@ -0,0 +1,14 @@
|
||||
import React from "react";
|
||||
|
||||
const UiogIcon: React.FC<{ className?: string }> = ({
|
||||
className
|
||||
}) => (<svg width="30" viewBox="0 0 72 71" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.5996 28.66C16.1096 28.22 15.5896 27.77 15.0696 27.35C14.7696 27.1 14.3496 26.76 13.8496 26.39C14.3496 26.27 14.8696 26.21 15.3996 26.22C17.1396 26.27 19.0096 26.91 21.4396 28.32C23.5596 29.55 25.5596 31 27.4096 32.66C26.8296 32.58 26.2396 32.5 25.6296 32.44L25.0696 32.37C23.3996 32.19 21.8296 32.01 20.4896 31.44C19.1496 30.91 17.9096 29.82 16.5996 28.66Z" fill="white"/>
|
||||
<path d="M52.76 58.23C53.22 58.04 53.71 57.89 54.22 57.78C52.01 49.94 43.01 43.13 35.87 39.64C32.99 38.33 29.58 37.49 25.12 37L24.56 36.94C22.63 36.72 20.64 36.49 18.74 35.69C16.7 34.88 15.11 33.47 13.57 32.11L13.4 31.97C12.98 31.59 12.58 31.24 12.17 30.91C11.29 30.19 10.12 29.28 8.81 28.6C8.64 28.55 8.43 28.45 8.23 28.31C8 28.21 7.7 28.09 7.4 27.98C5.42 27.29 3.27 26.72 0.5 27.36V54.97C0.5 63.72 7.59 70.81 16.33 70.81H48.03C48.12 70.75 48.2 70.68 48.28 70.62C49.99 69.28 51.38 67.91 52.42 66.54C52.13 66.43 51.86 66.3 51.59 66.14C50.13 65.15 49.4 63.68 49.59 62.08C49.79 60.36 51 58.89 52.76 58.23ZM35.54 49.27C35.33 49.68 34.64 50.62 32.84 50.62C32.56 50.62 32.25 50.6 31.92 50.55C31.54 50.47 31.27 50.41 31.01 50.35C30.38 50.2 29.7 50.05 29 49.96C29.53 50.19 30.01 50.54 30.41 51.03C31.86 52.81 31.93 55.91 30.55 58.07C29.75 59.6 28.12 60.74 26.51 60.88C26.4 60.89 26.29 60.9 26.18 60.9C25.03 60.9 23.99 60.36 23.24 59.4C22.2 58.05 21.88 56.17 22.37 54.26C22.87 52.3 24.1 50.72 25.68 50.03L25.73 50.01C25.88 49.95 26.03 49.91 26.18 49.87C25.28 49.87 24.39 49.85 23.55 49.7C20.49 49.33 20.1 47.96 20.15 47.17C20.26 45.37 23.13 43.9 26.55 43.89C29.43 43.87 33.92 45.13 35.19 46.78C35.82 47.43 35.97 48.45 35.54 49.27Z" fill="white"/>
|
||||
<path d="M43.8596 19.41C43.3896 16.88 42.7296 14.38 41.8896 11.95L53.9097 8.27002C54.6497 10.38 55.2496 12.59 55.6796 14.83C55.7396 15.13 55.7897 15.43 55.8497 15.73L43.8596 19.41Z" fill="white"/>
|
||||
<path d="M61.4905 11.55L59.9705 12.01C59.7505 11.1 59.5005 10.2 59.2305 9.31001L60.7905 8.83002C61.0705 9.72002 61.3105 10.63 61.4905 11.55Z" fill="white"/>
|
||||
<path d="M71.17 15.98V54.97C71.17 63.72 64.08 70.81 55.33 70.81H54.84C56.19 69.32 57.24 67.79 57.97 66.24L58.68 66.08C59.86 65.81 61.19 65.51 62.11 64.47C62.68 63.82 62.92 63.01 62.82 62.14C62.69 60.94 61.92 59.89 61.19 59.24H61.2L60.82 58.95C60.77 58.91 60.71 58.86 60.65 58.82L60.44 58.67H60.43C60 58.4 59.51 58.17 58.99 57.99C57 48.04 46.38 39.66 37.81 35.48C37.04 35.12 36.23 34.8 35.4 34.5C32.21 30.43 28.19 26.92 23.74 24.35C21.8 23.22 18.83 21.71 15.5 21.63C13.13 21.6 10.79 22.34 9.07 23.7C9.02 23.68 8.97 23.66 8.91 23.64C6.44 22.78 3.74 22.14 0.5 22.66V15.98C0.5 15.77 0.499997 15.55 0.519997 15.34C2.04 15.5 3.49 15.78 4.78 16.07C7.22 16.61 9.67 17.31 12.06 18.15C12.7 18.37 13.33 18.6 13.96 18.82L14.09 18.87C15.29 19.31 16.53 19.76 17.79 20.14C24.92 22.31 32.34 22.23 39.28 19.91C39.45 20.84 39.6 21.77 39.72 22.68C39.81 23.35 40.19 23.95 40.76 24.31C41.33 24.68 42.03 24.78 42.68 24.58L59.09 19.54C60.16 19.21 60.84 18.17 60.69 17.05C60.67 16.91 60.66 16.76 60.63 16.61L64.76 15.35C65.84 15.02 66.51 13.97 66.37 12.85C66.02 10.21 65.34 7.61001 64.35 5.13001C63.9 4.03001 62.67 3.44002 61.54 3.79002L57.6 5.01002C57.54 4.87002 57.49 4.73002 57.43 4.58002C56.99 3.48002 55.76 2.89001 54.62 3.24001L38.22 8.27001C37.6 8.46001 37.09 8.90002 36.82 9.48002C36.54 10.05 36.51 10.73 36.75 11.33C37.29 12.66 37.77 14.04 38.18 15.43C32.05 17.56 25.47 17.67 19.12 15.75C17.94 15.39 16.72 14.94 15.53 14.51C14.88 14.27 14.23 14.04 13.57 13.81C11 12.91 8.38 12.17 5.78 11.59C4.44 11.29 2.95 11 1.36 10.82C3.5 4.60002 9.39 0.140015 16.33 0.140015H55.33C64.08 0.140015 71.17 7.23002 71.17 15.98Z" fill="white"/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default UiogIcon;
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 415 KiB |
@@ -7,10 +7,10 @@ interface ButtonProps {
|
||||
|
||||
const Button: React.FC<ButtonProps> = ({ text, type, icon, link }) => {
|
||||
const buttonClass = type === "secondary"
|
||||
? "flex flex-row flex-1 rounded-lg p-3 gap-3 place-content-between items-center justify-center border border-white text-white bg-transparent"
|
||||
: "flex flex-col flex-1 rounded-lg p-3 gap-3 place-content-between items-center justify-center bg-white text-black";
|
||||
? "flex flex-row flex-1 rounded-lgs p-3 gap-3 place-content-between items-center justify-center border border-white text-white bg-transparent"
|
||||
: "flex flex-row flex-1 rounded-lgs p-3 gap-3 place-content-between items-center justify-center bg-white text-black";
|
||||
|
||||
const textClass = type === "secondary" ? "text-white" : "text-black";
|
||||
const textClass = type === "secondary" ? "text-white text-lg" : "text-black text-lg";
|
||||
|
||||
return (
|
||||
<a
|
||||
@@ -18,8 +18,8 @@ const Button: React.FC<ButtonProps> = ({ text, type, icon, link }) => {
|
||||
className={buttonClass}
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<p className={textClass}>{text}</p>
|
||||
{icon}
|
||||
<p className={textClass}>{text}</p>
|
||||
</a>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -9,10 +9,10 @@ const ButtonSpecial: React.FC<ButtonProps> = ({ text, type, icon, link }) => {
|
||||
return (
|
||||
<a
|
||||
href={link}
|
||||
className="flex flex-row flex-1 rounded-lg p-3 gap-3 place-content-between items-center bg-overlay border-2 border-outline"
|
||||
className="flex flex-row flex-1 rounded-lgs p-2 gap-3 place-content-between items-center bg-overlay border border-outline"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<p className="po">{text}</p>
|
||||
<p className="font-medium text-mds text-white">{text}</p>
|
||||
{icon}
|
||||
</a>
|
||||
);
|
||||
|
||||
@@ -15,7 +15,7 @@ const MembershipCard: React.FC<MembershipCardProps> = ({
|
||||
return (
|
||||
<div className={`p-5 rounded-lg text-white bg-primary transition-all duration-500 gap-10 h-full w-full max-w-3xl`}>
|
||||
<div className="flex flex-col flex-1 rounded-lg gap-3 place-content-start">
|
||||
<p className="">My Perks</p>
|
||||
<p className="font-bold">My Perks</p>
|
||||
{uiogSubscription && (
|
||||
<MembershipItem subscription={uiogSubscription} />
|
||||
)}
|
||||
|
||||
@@ -12,7 +12,7 @@ const MembershipItem: React.FC<MembershipItemProps> = ({ subscription }) => {
|
||||
return (
|
||||
<div className="flex flex-col flex-1 rounded-lg gap-5 p-4 place-content-between bg-overlay">
|
||||
<div className="flex flex-row place-content-between">
|
||||
<div className="flex flex-row gap-2">
|
||||
<div className="flex flex-row gap-3">
|
||||
<div className="w-10 h-10 rounded-md">
|
||||
<img
|
||||
src={membership.image}
|
||||
@@ -21,7 +21,7 @@ const MembershipItem: React.FC<MembershipItemProps> = ({ subscription }) => {
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<p className="ph">{membership.title}</p>
|
||||
<p className="p text-outline2">{membership.title}</p>
|
||||
<p className="opacity-50">kr {membership.priceYear} / year</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -30,7 +30,7 @@ const MembershipItem: React.FC<MembershipItemProps> = ({ subscription }) => {
|
||||
|
||||
<div className="flex flex-1 flex-col gap-5">
|
||||
<div>
|
||||
<p className="ph">Perks</p>
|
||||
<p className="font-semibold">Perks</p>
|
||||
{membership.perks.map((perk) => (
|
||||
<p className="p">+ {perk}</p>
|
||||
))}
|
||||
|
||||
@@ -0,0 +1,22 @@
|
||||
import Link from 'next/link';
|
||||
import React, { ReactNode } from 'react';
|
||||
|
||||
interface NavItemProps {
|
||||
icon: ReactNode;
|
||||
text: string;
|
||||
className?: string;
|
||||
link: string;
|
||||
}
|
||||
|
||||
const NavItem: React.FC<NavItemProps> = ({ icon, text, className, link }) => {
|
||||
return (
|
||||
<div className={`navitem flex p-2.5 items-center gap-3 cursor-pointer ${className} rounded-md transition duration-300 ease-in-out `}>
|
||||
<Link href={link} className="flex flex-row gap-3 items-center">
|
||||
<div className="h-15 w-auto">{icon}</div>
|
||||
<p className="text-md whitespace-nowrap">{text}</p>
|
||||
</Link>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default NavItem;
|
||||
@@ -0,0 +1,20 @@
|
||||
// components/Navbar.jsx
|
||||
import React from 'react';
|
||||
import HomeIcon from '../../../public/icons/HomeIcon';
|
||||
import LogoIcon from '../../../public/icons/LogoIcon';
|
||||
import UiogIcon from '../../../public/icons/UiogIcon';
|
||||
import NeufIcon from '../../../public/icons/NeufIcon';
|
||||
import SettingsInactiveIcon from '../../../public/icons/SettingsInactiveIcon';
|
||||
import NavItem from './NavItem';
|
||||
|
||||
export default function Navbar() {
|
||||
return (
|
||||
<div className="flex flex-col pt-2.5 gap-5">
|
||||
<div className="flex flex-col text-white h-full">
|
||||
<NavItem icon={<UiogIcon />} text="UiO Gaming" link="https://uiogaming.no/"/>
|
||||
<NavItem icon={<NeufIcon />} text="Studentersamfundet" link="https://neuf.no"/>
|
||||
<NavItem icon={<SettingsInactiveIcon />} text="Settings" link="aa"/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -16,7 +16,7 @@ const subscriptionStatuses = {
|
||||
"access to Gangfest Events (2x / year)",
|
||||
],
|
||||
gradient: "bg-success-bg",
|
||||
image: "/images/p_both.png",
|
||||
image: "/images/p_combined.png",
|
||||
tag: "Combined",
|
||||
},
|
||||
UIOG: {
|
||||
@@ -29,7 +29,7 @@ const subscriptionStatuses = {
|
||||
"access to Gangfest Events (2x / year)",
|
||||
],
|
||||
gradient: "bg-mixed",
|
||||
image: "/images/uiog.png",
|
||||
image: "/images/p_uiog.png",
|
||||
tag: "UiO Gaming",
|
||||
},
|
||||
DNS: {
|
||||
@@ -39,7 +39,7 @@ const subscriptionStatuses = {
|
||||
blurb: "",
|
||||
missingPerks: [],
|
||||
gradient: "bg-mixed",
|
||||
image: "/images/neuf.png",
|
||||
image: "/images/p_neuf.png",
|
||||
tag: "DNS Standard",
|
||||
},
|
||||
None: {
|
||||
@@ -90,7 +90,7 @@ const ProfileCard: React.FC<ProfileCardProps> = ({
|
||||
</div>
|
||||
|
||||
{/* Log Out Button */}
|
||||
<button className="flex flex-row bg-overlay-bright px-3 py-0.25 rounded-mds outline outline-outline2 outline-2 items-center gap-3">
|
||||
<button className="flex flex-row bg-overlay-bright px-3 py-0.25 rounded-mds outline outline-outline2 outline-1 items-center gap-3">
|
||||
<p className="font-bold text-outline2">Log Out</p>
|
||||
<LogoutIcon className="w-5 ml-2 text-outline2" />
|
||||
</button>
|
||||
@@ -108,8 +108,10 @@ const ProfileCard: React.FC<ProfileCardProps> = ({
|
||||
isActive ? "bg-success" : "bg-failure"
|
||||
}`}
|
||||
>
|
||||
<p className="font-semibold pl">{isActive ? `✅ ${displayName}` : `❌ ${displayName}`}</p>
|
||||
<div>{key === "UIOG" ? "🎮" : "🐟"}</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<p className="font-semibold pl">{isActive ? `✅` : `❌`}</p>
|
||||
<p className="font-semibold pl">{displayName}</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
|
||||
@@ -17,7 +17,7 @@ const PurchaseCard: React.FC<PurchaseCardProps> = ({
|
||||
return (
|
||||
<div className={`p-5 rounded-lg shadow-md text-white bg-primary transition-all duration-500 p-5 gap-10 h-full w-full max-w-3xl`}>
|
||||
<div className="flex flex-col flex-1 rounded-lg gap-3 place-content-start">
|
||||
<p className="pl">Become a Member</p>
|
||||
<p className="p font-bold">Become a Member</p>
|
||||
{!hasUiogMembership && uiogMembership && (
|
||||
<PurchaseItem membership={uiogMembership} />
|
||||
)}
|
||||
|
||||
@@ -15,9 +15,9 @@ const PurchaseItem: React.FC<PurchaseItem> = ({
|
||||
membership
|
||||
}) => {
|
||||
return (
|
||||
<div className="flex flex-col flex-1 rounded-lg gap-5 p-5 place-content-between outline outline-1 outline-overlay">
|
||||
<div className="flex flex-col flex-1 rounded-lg gap-5 p-4 place-content-between outline outline-1 outline-overlay">
|
||||
<div className="flex flex-row place-content-between">
|
||||
<div className="flex flex-row gap-5">
|
||||
<div className="flex flex-row gap-3">
|
||||
<div className="w-10 h-10 rounded-md">
|
||||
<img
|
||||
src={membership.image}
|
||||
@@ -36,7 +36,7 @@ const PurchaseItem: React.FC<PurchaseItem> = ({
|
||||
</div>
|
||||
<div className="flex flex-1 flex-col gap-5">
|
||||
<div>
|
||||
<p className="ph">Perks</p>
|
||||
<p className="font-semibold">Perks</p>
|
||||
{membership.perks.map((perk) => (
|
||||
<p className="p">+ {perk}</p>
|
||||
))}
|
||||
|
||||
+13
-4
@@ -59,10 +59,8 @@ p {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
font-weight: 800;
|
||||
font-size: 2.5rem;
|
||||
color: white !important;
|
||||
.navitem:hover {
|
||||
background-color: #221d29;
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
@@ -70,3 +68,14 @@ p {
|
||||
text-wrap: balance;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.desktop-navbar {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.desktop-navbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
+14
-24
@@ -1,29 +1,18 @@
|
||||
import ButtonSpecial from "./components/ButtonSpecial";
|
||||
import Button from "./components/Button";
|
||||
import Image from "next/image";
|
||||
|
||||
import { Nunito, Rubik } from 'next/font/google';
|
||||
|
||||
const nunito = Nunito({
|
||||
weight: ['400', '700'],
|
||||
subsets: ['latin']
|
||||
});
|
||||
|
||||
const rubik = Rubik({
|
||||
weight: ['400', '500', '700'],
|
||||
subsets: ['latin']
|
||||
});
|
||||
import LoginIcon from "../../public/icons/LoginIcon";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<div>
|
||||
<div className="flex flex-1 flex-col bg-foreground rounded-xl p-7 m-5 gap-10 h-full">
|
||||
<div className="flex flex-col p-2.5 gap-2.5 place-items-center place-content-center h-full">
|
||||
<div className="flex flex-1 flex-col bg-foreground rounded-lg p-5 gap-6 h-full w-full max-w-3xl">
|
||||
<div className="flex flex-row flex-1 rounded-lg gap-3 place-content-between items-center">
|
||||
<h1 className="header">UiO Gaming</h1>
|
||||
<h1 className="header-light">Membership</h1>
|
||||
<h1 className="text-xl font-bold text-white">UiO Gaming</h1>
|
||||
<h1 className="text-l text-white">Membership</h1>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col flex-1 rounded-lg gap-3">
|
||||
<div className="flex flex-col flex-1 rounded-lg gap-3 text-white">
|
||||
<p>
|
||||
Welcome to the <strong>UiO Gaming Membership</strong> portal!
|
||||
</p>
|
||||
@@ -46,8 +35,8 @@ export default function Home() {
|
||||
<Image
|
||||
src="/images/uiog.png"
|
||||
alt="UiO Gaming Logo"
|
||||
width={60}
|
||||
height={60}
|
||||
width={35}
|
||||
height={35}
|
||||
/>
|
||||
}
|
||||
link="https://uiogaming.no"
|
||||
@@ -60,8 +49,8 @@ export default function Home() {
|
||||
<Image
|
||||
src="/images/neuf.png"
|
||||
alt="DNS Logo"
|
||||
width={60}
|
||||
height={60}
|
||||
width={35}
|
||||
height={35}
|
||||
/>
|
||||
}
|
||||
link="https://neuf.no"
|
||||
@@ -69,16 +58,17 @@ export default function Home() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-1 flex-col bg-foreground rounded-xl p-7 m-5 gap-10 h-full">
|
||||
<div className="flex flex-1 flex-col bg-foreground rounded-lg p-5 gap-10 h-full w-full max-w-3xl">
|
||||
<div className="flex flex-col md:flex-row flex-1 items-center justify-center rounded-lg gap-3 place-content-between">
|
||||
<div className="w-full md:w-3/4">
|
||||
<div className="w-full md:w-3/5">
|
||||
<Button
|
||||
text="Log in with Galtinn"
|
||||
type="primary"
|
||||
icon={<LoginIcon className="w-5 text-black"/>}
|
||||
link="https://galtinn.neuf.no/home/"
|
||||
/>
|
||||
</div>
|
||||
<div className="w-full md:w-1/4">
|
||||
<div className="w-full md:w-2/5">
|
||||
<Button
|
||||
text="Register into Galtinn"
|
||||
type="secondary"
|
||||
|
||||
+27
-11
@@ -1,28 +1,44 @@
|
||||
import React from 'react';
|
||||
import "../app/globals.css";
|
||||
|
||||
import ProfileCard from '@/app/components/ProfileCard';
|
||||
import MembershipCard from '@/app/components/MembershipCard';
|
||||
import React from 'react';
|
||||
import "../app/globals.css";
|
||||
import PurchaseCard from '@/app/components/PurchaseCard';
|
||||
import { Subscription } from '@/app/components/Subscription';
|
||||
import Navbar from '@/app/components/Navbar';
|
||||
|
||||
let dnsSubscription: Subscription | null = null;
|
||||
let uiogSubscription: Subscription | null = null;
|
||||
|
||||
|
||||
uiogSubscription = {
|
||||
membershipId: "uiog",
|
||||
startDate: new Date(new Date().setDate(new Date().getDate() - 111)),
|
||||
// uiogSubscription = {
|
||||
// membershipId: "uiog",
|
||||
// startDate: new Date(new Date().setDate(new Date().getDate() - 111)),
|
||||
// };
|
||||
|
||||
dnsSubscription = {
|
||||
membershipId: "dns",
|
||||
startDate: new Date(new Date().setDate(new Date().getDate() - 150)),
|
||||
};
|
||||
|
||||
const hasDns = dnsSubscription !== null;
|
||||
const hasUiog = uiogSubscription !== null;
|
||||
|
||||
export default function Main() {
|
||||
return (
|
||||
<div className="flex flex-1 flex-col place-items-center p-2.5 gap-2.5">
|
||||
<ProfileCard hasUiogMembership={hasUiog} hasDnsMembership={hasDns}/>
|
||||
<MembershipCard uiogSubscription={uiogSubscription} dnsSubscription={dnsSubscription}/>
|
||||
<PurchaseCard hasUiogMembership={hasUiog} hasDnsMembership={hasDns}/>
|
||||
return (
|
||||
<div className="flex justify-center">
|
||||
<div className="max-w-5xl w-full">
|
||||
<div className="flex flex-col md:flex-row">
|
||||
<div className="md:flex md:w-1/4 text-white">
|
||||
<Navbar />
|
||||
</div>
|
||||
<div className="flex-1 p-2.5 gap-2.5 flex flex-col items-center overflow-auto">
|
||||
<ProfileCard hasUiogMembership={hasUiog} hasDnsMembership={hasDns} />
|
||||
<MembershipCard dnsSubscription={dnsSubscription} uiogSubscription={uiogSubscription} />
|
||||
<PurchaseCard hasUiogMembership={hasUiog} hasDnsMembership={hasDns} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -56,7 +56,11 @@ const config: Config = {
|
||||
xs: "0.75rem",
|
||||
sm: "0.875rem",
|
||||
base: "1rem",
|
||||
|
||||
mds: "1.05rem",
|
||||
md: "1.105rem",
|
||||
mdl: "1.1rem",
|
||||
|
||||
lg: "1.125rem",
|
||||
xl: "1.25rem"
|
||||
},
|
||||
|
||||
Reference in new issue
Block a user