mirror of
https://github.com/Macrame-App/Macrame
synced 2025-12-29 07:19:26 +00:00
Style and UI update, logo variations added
This commit is contained in:
Jesse Malotaux
parent
9239c77e12
commit
fff132a11b
9 changed files with 339 additions and 18 deletions
34
fe/src/assets/Macrame-Logo-duo.svg
Normal file
34
fe/src/assets/Macrame-Logo-duo.svg
Normal file
|
|
@ -0,0 +1,34 @@
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 140 80"
|
||||||
|
width="140"
|
||||||
|
height="80"
|
||||||
|
>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#FFB900;" d="M95.5,18.3l-0.2-0.1C95.2,18.1,95,18,94.8,18c-0.3,0-0.5,0.1-0.7,0.3L82.8,29.6l8.5,8.5l12-12
|
||||||
|
L95.5,18.3z"/>
|
||||||
|
<path style="fill:#00BCFF;" d="M46,18.3c-0.2-0.2-0.5-0.3-0.7-0.3c-0.2,0-0.4,0-0.5,0.1l-0.2,0.1l-7.8,7.8h0l12,12l8.5-8.5L46,18.3
|
||||||
|
z"/>
|
||||||
|
<path style="fill:#00BCFF;" d="M94.8,67.1L94.7,67l-14-14l-8.5,8.5l11.3,11.3c1,1,2.1,1.8,3.2,2.5c2.5,1.5,5.3,2.2,8.1,2.2
|
||||||
|
c2.8,0,5.6-0.7,8.1-2.2L94.8,67.1z"/>
|
||||||
|
<path style="fill:#00BCFF;" d="M127.4,28.9l-13.4-13.4l-7.8-7.8c-0.2-0.2-0.5-0.5-0.7-0.7c-5.3-4.6-12.8-5.2-18.7-1.8
|
||||||
|
c-1.1,0.7-2.2,1.5-3.2,2.5L72.2,19l2.6,2.6l5.9,5.9L92,16.2c0.8-0.8,1.8-1.1,2.8-1.1c0.7,0,1.4,0.2,2,0.5l0.1-0.1l8.5,8.5
|
||||||
|
l13.4,13.4c0.8,0.8,1.1,1.8,1.1,2.8c0,1-0.4,2.1-1.1,2.8l-11.3,11.3l5,5l3.5,3.5l11.3-11.3v0c3.1-3.1,4.7-7.2,4.7-11.3
|
||||||
|
C132,36.1,130.5,32,127.4,28.9z"/>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#FFB900;" d="M110.4,61.5l-5-5l0,0l-3.5-3.5l-4.5-4.5L81.2,32.2l-8.5-8.5l-2.6-2.6L56.6,7.7
|
||||||
|
c-1-1-2.1-1.8-3.2-2.5C47.6,1.8,40,2.4,34.8,7c-0.3,0.2-0.5,0.4-0.7,0.7l-7.8,7.8L12.8,28.9v0C9.7,32,8.1,36.1,8.1,40.2
|
||||||
|
c0,4.1,1.6,8.2,4.7,11.3l11.3,11.3l3.5-3.5l5-5L21.3,43c-0.8-0.8-1.1-1.8-1.1-2.8c0-1,0.4-2.1,1.1-2.8l13.4-13.4l8.5-8.5l0.1,0.1
|
||||||
|
c1.5-0.9,3.6-0.7,4.8,0.6l11.3,11.3l0,0l2.1,2.1l8.5,8.5l2.1,2.1l0,0l8.5,8.5l16.2,16.2l0,0L97,65l8.4,8.4
|
||||||
|
c0.3-0.2,0.5-0.4,0.7-0.7l7.8-7.8L110.4,61.5z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#FFB900;" d="M70.1,42.3L70.1,42.3l-8.5,8.5L45.4,67l-0.1,0.1L40.4,72l-3.2,3.2c2.5,1.5,5.3,2.2,8.1,2.2
|
||||||
|
c2.8,0,5.6-0.8,8.1-2.2c1.1-0.7,2.2-1.5,3.2-2.5l13.4-13.4l8.5-8.5L70.1,42.3z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path style="fill:#00BCFF;" d="M59.5,31.7L51,40.2L38.2,53l-3.5,3.5l0,0l-5,5L26.2,65l7.8,7.8c0.2,0.2,0.5,0.5,0.7,0.7l3.5-3.5
|
||||||
|
l4.9-4.9l0.1-0.1l16.2-16.2l8.5-8.5L59.5,31.7z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.8 KiB |
60
fe/src/assets/Macrame-Logo-gradient.svg
Normal file
60
fe/src/assets/Macrame-Logo-gradient.svg
Normal file
|
|
@ -0,0 +1,60 @@
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
x="0px" y="0px"
|
||||||
|
viewBox="0 0 140 80"
|
||||||
|
style="enable-background:new 0 0 140 80;"
|
||||||
|
xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:url(#SVGID_1_);}
|
||||||
|
.st1{fill:url(#SVGID_2_);}
|
||||||
|
.st2{fill:url(#SVGID_3_);}
|
||||||
|
.st3{fill:url(#SVGID_4_);}
|
||||||
|
.st4{fill:url(#SVGID_5_);}
|
||||||
|
.st5{fill:url(#SVGID_6_);}
|
||||||
|
.st6{fill:url(#SVGID_7_);}
|
||||||
|
</style>
|
||||||
|
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-9.094947e-13" y1="28.05" x2="140" y2="28.05">
|
||||||
|
<stop offset="0" style="stop-color:#FFB900"/>
|
||||||
|
<stop offset="1" style="stop-color:#00BCFF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path class="st0" d="M95.5,18.3l-0.2-0.1C95.2,18.1,95,18,94.8,18c-0.3,0-0.5,0.1-0.7,0.3L82.8,29.6l8.5,8.5l12-12L95.5,18.3z"/>
|
||||||
|
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-9.094947e-13" y1="28" x2="140" y2="28">
|
||||||
|
<stop offset="0" style="stop-color:#FFB900"/>
|
||||||
|
<stop offset="1" style="stop-color:#00BCFF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path class="st1" d="M57.3,29.5L46,18.3c-0.2-0.2-0.5-0.3-0.7-0.3s-0.4,0-0.5,0.1l-0.2,0.1L36.8,26l12,12L57.3,29.5z"/>
|
||||||
|
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-9.094947e-13" y1="65.25" x2="140" y2="65.25">
|
||||||
|
<stop offset="0" style="stop-color:#FFB900"/>
|
||||||
|
<stop offset="1" style="stop-color:#00BCFF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path class="st2" d="M94.7,67l-14-14l-8.5,8.5l11.3,11.3c1,1,2.1,1.8,3.2,2.5c2.5,1.5,5.3,2.2,8.1,2.2s5.6-0.7,8.1-2.2L94.7,67
|
||||||
|
L94.7,67z"/>
|
||||||
|
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-9.094947e-13" y1="32.9162" x2="140" y2="32.9162">
|
||||||
|
<stop offset="0" style="stop-color:#FFB900"/>
|
||||||
|
<stop offset="1" style="stop-color:#00BCFF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path class="st3" d="M114,15.5l-7.8-7.8c-0.2-0.2-0.5-0.5-0.7-0.7c-5.3-4.6-12.8-5.2-18.7-1.8c-1.1,0.7-2.2,1.5-3.2,2.5L72.2,19
|
||||||
|
l2.6,2.6l5.9,5.9L92,16.2c0.8-0.8,1.8-1.1,2.8-1.1c0.7,0,1.4,0.2,2,0.5l0.1-0.1l8.5,8.5l13.4,13.4c0.8,0.8,1.1,1.8,1.1,2.8
|
||||||
|
s-0.4,2.1-1.1,2.8l-11.3,11.3l5,5l3.5,3.5l11.3-11.3c3.1-3.1,4.7-7.2,4.7-11.3c0-4.1-1.5-8.2-4.6-11.3L114,15.5z"/>
|
||||||
|
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="-9.094947e-13" y1="38.2163" x2="140" y2="38.2163">
|
||||||
|
<stop offset="0" style="stop-color:#FFB900"/>
|
||||||
|
<stop offset="1" style="stop-color:#00BCFF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path class="st4" d="M105.4,56.5l-3.5-3.5l-4.5-4.5L81.2,32.2l-8.5-8.5l-2.6-2.6L56.6,7.7c-1-1-2.1-1.8-3.2-2.5
|
||||||
|
C47.6,1.8,40,2.4,34.8,7c-0.3,0.2-0.5,0.4-0.7,0.7l-7.8,7.8L12.8,28.9C9.7,32,8.1,36.1,8.1,40.2c0,4.1,1.6,8.2,4.7,11.3l11.3,11.3
|
||||||
|
l3.5-3.5l5-5L21.3,43c-0.8-0.8-1.1-1.8-1.1-2.8s0.4-2.1,1.1-2.8L34.7,24l8.5-8.5l0.1,0.1c1.5-0.9,3.6-0.7,4.8,0.6l11.3,11.3l2.1,2.1
|
||||||
|
l8.5,8.5l2.1,2.1l8.5,8.5l16.2,16.2L97,65l8.4,8.4c0.3-0.2,0.5-0.4,0.7-0.7l7.8-7.8l-3.5-3.4L105.4,56.5z"/>
|
||||||
|
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-9.094947e-13" y1="59.85" x2="140" y2="59.85">
|
||||||
|
<stop offset="0" style="stop-color:#FFB900"/>
|
||||||
|
<stop offset="1" style="stop-color:#00BCFF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path class="st5" d="M70.1,42.3l-8.5,8.5L45.4,67l-0.1,0.1L40.4,72l-3.2,3.2c2.5,1.5,5.3,2.2,8.1,2.2s5.6-0.8,8.1-2.2
|
||||||
|
c1.1-0.7,2.2-1.5,3.2-2.5L70,59.3l8.5-8.5L70.1,42.3z"/>
|
||||||
|
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="-9.094947e-13" y1="52.6" x2="140" y2="52.6">
|
||||||
|
<stop offset="0" style="stop-color:#FFB900"/>
|
||||||
|
<stop offset="1" style="stop-color:#00BCFF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path class="st6" d="M43.1,65.1l0.1-0.1l16.2-16.2l8.5-8.5l-8.4-8.6L51,40.2L38.2,53l-3.5,3.5l-5,5L26.2,65l7.8,7.8
|
||||||
|
c0.2,0.2,0.5,0.5,0.7,0.7l3.5-3.5L43.1,65.1z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.5 KiB |
23
fe/src/assets/Macrame-Logo-white.svg
Normal file
23
fe/src/assets/Macrame-Logo-white.svg
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
x="0px" y="0px"
|
||||||
|
viewBox="0 0 140 80"
|
||||||
|
style="enable-background:new 0 0 140 80;"
|
||||||
|
xml:space="preserve">
|
||||||
|
<path style="fill:#fff" d="M95.5,18.3l-0.2-0.1C95.2,18.1,95,18,94.8,18c-0.3,0-0.5,0.1-0.7,0.3L82.8,29.6l8.5,8.5l12-12L95.5,18.3z"/>
|
||||||
|
<path style="fill:#fff" d="M57.3,29.5L46,18.3c-0.2-0.2-0.5-0.3-0.7-0.3s-0.4,0-0.5,0.1l-0.2,0.1L36.8,26l12,12L57.3,29.5z"/>
|
||||||
|
<path style="fill:#fff" d="M94.7,67l-14-14l-8.5,8.5l11.3,11.3c1,1,2.1,1.8,3.2,2.5c2.5,1.5,5.3,2.2,8.1,2.2s5.6-0.7,8.1-2.2L94.7,67
|
||||||
|
L94.7,67z"/>
|
||||||
|
<path style="fill:#fff" d="M114,15.5l-7.8-7.8c-0.2-0.2-0.5-0.5-0.7-0.7c-5.3-4.6-12.8-5.2-18.7-1.8c-1.1,0.7-2.2,1.5-3.2,2.5L72.2,19
|
||||||
|
l2.6,2.6l5.9,5.9L92,16.2c0.8-0.8,1.8-1.1,2.8-1.1c0.7,0,1.4,0.2,2,0.5l0.1-0.1l8.5,8.5l13.4,13.4c0.8,0.8,1.1,1.8,1.1,2.8
|
||||||
|
s-0.4,2.1-1.1,2.8l-11.3,11.3l5,5l3.5,3.5l11.3-11.3c3.1-3.1,4.7-7.2,4.7-11.3c0-4.1-1.5-8.2-4.6-11.3L114,15.5z"/>
|
||||||
|
<path style="fill:#fff" d="M105.4,56.5l-3.5-3.5l-4.5-4.5L81.2,32.2l-8.5-8.5l-2.6-2.6L56.6,7.7c-1-1-2.1-1.8-3.2-2.5
|
||||||
|
C47.6,1.8,40,2.4,34.8,7c-0.3,0.2-0.5,0.4-0.7,0.7l-7.8,7.8L12.8,28.9C9.7,32,8.1,36.1,8.1,40.2c0,4.1,1.6,8.2,4.7,11.3l11.3,11.3
|
||||||
|
l3.5-3.5l5-5L21.3,43c-0.8-0.8-1.1-1.8-1.1-2.8s0.4-2.1,1.1-2.8L34.7,24l8.5-8.5l0.1,0.1c1.5-0.9,3.6-0.7,4.8,0.6l11.3,11.3l2.1,2.1
|
||||||
|
l8.5,8.5l2.1,2.1l8.5,8.5l16.2,16.2L97,65l8.4,8.4c0.3-0.2,0.5-0.4,0.7-0.7l7.8-7.8l-3.5-3.4L105.4,56.5z"/>
|
||||||
|
<path style="fill:#fff" d="M70.1,42.3l-8.5,8.5L45.4,67l-0.1,0.1L40.4,72l-3.2,3.2c2.5,1.5,5.3,2.2,8.1,2.2s5.6-0.8,8.1-2.2
|
||||||
|
c1.1-0.7,2.2-1.5,3.2-2.5L70,59.3l8.5-8.5L70.1,42.3z"/>
|
||||||
|
<path style="fill:#fff" d="M43.1,65.1l0.1-0.1l16.2-16.2l8.5-8.5l-8.4-8.6L51,40.2L38.2,53l-3.5,3.5l-5,5L26.2,65l7.8,7.8
|
||||||
|
c0.2,0.2,0.5,0.5,0.7,0.7l3.5-3.5L43.1,65.1z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.7 KiB |
|
|
@ -25,8 +25,4 @@ hr.spacer {
|
||||||
&::after {
|
&::after {
|
||||||
@apply -right-1;
|
@apply -right-1;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-of-type {
|
|
||||||
@apply hidden;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
107
fe/src/assets/_mcrm-block.css
Normal file
107
fe/src/assets/_mcrm-block.css
Normal file
|
|
@ -0,0 +1,107 @@
|
||||||
|
.mcrm-block {
|
||||||
|
@apply relative
|
||||||
|
p-6
|
||||||
|
gap-x-6
|
||||||
|
gap-y-2
|
||||||
|
backdrop-blur-lg
|
||||||
|
rounded-2xl
|
||||||
|
overflow-hidden;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
@apply content-['']
|
||||||
|
absolute
|
||||||
|
inset-0
|
||||||
|
p-px
|
||||||
|
rounded-2xl
|
||||||
|
size-full
|
||||||
|
bg-gradient-to-br
|
||||||
|
to-transparent
|
||||||
|
z-[-1];
|
||||||
|
|
||||||
|
mask:
|
||||||
|
linear-gradient(#000 0 0) exclude,
|
||||||
|
linear-gradient(#000 0 0) content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.block__light {
|
||||||
|
@apply bg-white/20;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
@apply from-white/20;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.block__dark {
|
||||||
|
@apply bg-slate-900/70;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
@apply from-slate-400/40;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.block__primary {
|
||||||
|
@apply bg-sky-300/40;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
@apply from-sky-100/40;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.block__secondary {
|
||||||
|
@apply bg-amber-300/40;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
@apply from-amber-100/40;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.block__success {
|
||||||
|
@apply bg-emerald-300/40;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
@apply from-emerald-100/40;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.block__warning {
|
||||||
|
@apply bg-orange-300/40;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
@apply from-orange-100/40;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.block__danger {
|
||||||
|
@apply bg-rose-300/40;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
@apply from-rose-100/40;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.block-spacing__sm,
|
||||||
|
&.block-size__sm {
|
||||||
|
@apply p-4 gap-x-4 gap-y-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.block-size__sm {
|
||||||
|
@apply rounded-lg;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
@apply rounded-lg;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.block-spacing__lg,
|
||||||
|
&.block-size__lg {
|
||||||
|
@apply p-8 gap-x-8 gap-y-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.block-size__lg {
|
||||||
|
@apply rounded-3xl;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
@apply rounded-3xl;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
40
fe/src/assets/_panel.css
Normal file
40
fe/src/assets/_panel.css
Normal file
|
|
@ -0,0 +1,40 @@
|
||||||
|
.panel {
|
||||||
|
@apply grid
|
||||||
|
grid-rows-[auto_1fr]
|
||||||
|
fixed
|
||||||
|
top-2
|
||||||
|
left-4 sm:left-16
|
||||||
|
right-4 sm:right-16
|
||||||
|
bottom-2
|
||||||
|
overflow-hidden;
|
||||||
|
|
||||||
|
> .panel__header,
|
||||||
|
> .panel__title {
|
||||||
|
@apply px-4 py-2;
|
||||||
|
|
||||||
|
/* &:first-child {
|
||||||
|
@apply pt-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
@apply pb-4;
|
||||||
|
} */
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel__title {
|
||||||
|
@apply bg-gradient-to-r
|
||||||
|
w-fit
|
||||||
|
from-amber-300
|
||||||
|
to-white/50
|
||||||
|
pt-3
|
||||||
|
pl-16 sm:pl-4
|
||||||
|
bg-clip-text
|
||||||
|
text-transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel__content {
|
||||||
|
@apply grid
|
||||||
|
pt-4 sm:pt-0
|
||||||
|
pl-0 sm:pl-4;
|
||||||
|
}
|
||||||
|
}
|
||||||
41
fe/src/assets/bg-gradient.svg
Normal file
41
fe/src/assets/bg-gradient.svg
Normal file
|
|
@ -0,0 +1,41 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 2560 1440" style="enable-background:new 0 0 2560 1440;" xml:space="preserve">
|
||||||
|
<rect style="fill:#020618;" width="2560" height="1440"/>
|
||||||
|
<radialGradient id="SVGID_1_" cx="1280" cy="720" r="507.7116" fx="1274.7371" fy="1155.8185" gradientTransform="matrix(1 0 0 2.2985 0 -934.9553)" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" style="stop-color:#00BCFF;stop-opacity:0.5"/>
|
||||||
|
<stop offset="1" style="stop-color:#00BCFF;stop-opacity:0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<rect style="opacity:0.55;fill:url(#SVGID_1_);" width="2560" height="1440"/>
|
||||||
|
<radialGradient id="SVGID_2_" cx="1352.0476" cy="1354.1904" r="1334.0841" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" style="stop-color:#00BCFF;stop-opacity:0.5"/>
|
||||||
|
<stop offset="1" style="stop-color:#00BCFF;stop-opacity:0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<rect style="opacity:0.55;fill:url(#SVGID_2_);" width="2560" height="1440"/>
|
||||||
|
<radialGradient id="SVGID_3_" cx="1292.0344" cy="1255.0016" r="2246.7517" gradientTransform="matrix(-0.7144 -0.6998 0.1899 -0.1939 1976.6873 2402.437)" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" style="stop-color:#00BCFF;stop-opacity:0.5"/>
|
||||||
|
<stop offset="1" style="stop-color:#00BCFF;stop-opacity:0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<polygon style="opacity:0.55;fill:url(#SVGID_3_);" points="2560,1440 0,1440 0,-7 2560,0 "/>
|
||||||
|
<radialGradient id="SVGID_4_" cx="1292.0344" cy="1255.8966" r="2246.5256" fx="334.4712" fy="1265.3895" gradientTransform="matrix(0.7144 -0.6998 -0.1899 -0.1939 583.4827 2403.5054)" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" style="stop-color:#00BCFF;stop-opacity:0.5"/>
|
||||||
|
<stop offset="1" style="stop-color:#00BCFF;stop-opacity:0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<polygon style="opacity:0.55;fill:url(#SVGID_4_);" points="0,1440 2560,1440 2560,0 0,0 "/>
|
||||||
|
<radialGradient id="SVGID_5_" cx="1239.8966" cy="1737.5518" r="877.3733" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" style="stop-color:#FFB900"/>
|
||||||
|
<stop offset="1" style="stop-color:#FFB900;stop-opacity:0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<rect style="fill:url(#SVGID_5_);" width="2560" height="1440"/>
|
||||||
|
<radialGradient id="SVGID_6_" cx="1287.069" cy="950.5172" r="845.7465" fx="1276.8361" fy="325.8423" gradientTransform="matrix(-1 3.730347e-03 -1.479320e-03 -0.3966 2575.5352 1322.6541)" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" style="stop-color:#FFB900;stop-opacity:0.3"/>
|
||||||
|
<stop offset="1" style="stop-color:#FFB900;stop-opacity:0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<rect style="fill:url(#SVGID_6_);" width="2560" height="1440"/>
|
||||||
|
<radialGradient id="SVGID_7_" cx="1316.8621" cy="1417.2759" r="1888.6272" gradientTransform="matrix(0.6652 -0.7467 0.1801 0.1604 185.7137 2173.2124)" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" style="stop-color:#FFB900;stop-opacity:0.38"/>
|
||||||
|
<stop offset="1" style="stop-color:#FFB900;stop-opacity:0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<rect style="fill:url(#SVGID_7_);" width="2560" height="1440"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.1 KiB |
|
|
@ -1,21 +1,28 @@
|
||||||
@import './_macro';
|
@import './_macro';
|
||||||
|
@import './_mcrm-block';
|
||||||
|
@import './_panel';
|
||||||
|
|
||||||
@import 'tailwindcss';
|
@import 'tailwindcss';
|
||||||
|
|
||||||
@variant dark (&:where(.dark, .dark *));
|
@variant dark (&:where(.dark, .dark *));
|
||||||
|
|
||||||
@theme {
|
@theme {
|
||||||
--font-sans: 'Anaheim', sans-serif;
|
--font-sans: 'Roboto', sans-serif;
|
||||||
|
--font-mono: 'Fira Code', monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@apply font-sans
|
@apply font-sans
|
||||||
|
font-light
|
||||||
|
tracking-wide
|
||||||
bg-slate-900
|
bg-slate-900
|
||||||
text-slate-50;
|
text-slate-50;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
h2 {
|
h2 {
|
||||||
@apply font-bold;
|
@apply font-mono
|
||||||
|
font-bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3,
|
h3,
|
||||||
|
|
@ -45,17 +52,6 @@ h5 {
|
||||||
@apply text-lg;
|
@apply text-lg;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel {
|
|
||||||
@apply fixed
|
|
||||||
inset-16
|
|
||||||
p-4
|
|
||||||
bg-white/10
|
|
||||||
backdrop-blur-sm
|
|
||||||
rounded-xl
|
|
||||||
border
|
|
||||||
border-white/15;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
input {
|
||||||
@apply w-full
|
@apply w-full
|
||||||
px-2 py-1
|
px-2 py-1
|
||||||
|
|
@ -82,3 +78,8 @@ input {
|
||||||
bg-slate-400;
|
bg-slate-400;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
@apply list-disc
|
||||||
|
list-inside;
|
||||||
|
}
|
||||||
|
|
|
||||||
19
fe/src/assets/mask.svg
Normal file
19
fe/src/assets/mask.svg
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
|
||||||
|
<g>
|
||||||
|
<defs>
|
||||||
|
<path id="SVGID_1_" d="M0,0v100h100V0H0z M99,79c0,11-9,20-20,20H21C10,99,1,90,1,79V21C1,10,10,1,21,1h58c11,0,20,9,20,20V79z"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_2_">
|
||||||
|
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="0" y1="50" x2="100" y2="50">
|
||||||
|
<stop offset="0" style="stop-color:#FFFFFF"/>
|
||||||
|
<stop offset="1" style="stop-color:#000000"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path style="clip-path:url(#SVGID_2_);fill:url(#SVGID_3_);" d="M80,100H20C9,100,0,91,0,80V20C0,9,9,0,20,0h60c11,0,20,9,20,20v60
|
||||||
|
C100,91,91,100,80,100z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 978 B |
Loading…
Add table
Add a link
Reference in a new issue