root/jomeat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Arif Haikal
2026-02-17 08:54:43 +00:00
commit 6ab40e6d65
662 changed files with 80994 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
public/assets/images/layouts/boxed.svg Executable file
View File

@@ -0,0 +1,34 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_641)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_641" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="76" y="20" width="145" height="360">
<path d="M206 20H91C82.7157 20 76 26.7157 76 35V365C76 373.284 82.7157 380 91 380H206C214.284 380 221 373.284 221 365V35C221 26.7157 214.284 20 206 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_641)">
<path d="M206 20H91C82.7157 20 76 26.7157 76 35V365C76 373.284 82.7157 380 91 380H206C214.284 380 221 373.284 221 365V35C221 26.7157 214.284 20 206 20Z" fill="white"/>
<path d="M193.5 85H103.5C96.5964 85 91 90.5964 91 97.5C91 104.404 96.5964 110 103.5 110H193.5C200.404 110 206 104.404 206 97.5C206 90.5964 200.404 85 193.5 85Z" fill="#F1F2F7"/>
<path d="M193.5 121H103.5C96.5964 121 91 126.596 91 133.5C91 140.404 96.5964 146 103.5 146H193.5C200.404 146 206 140.404 206 133.5C206 126.596 200.404 121 193.5 121Z" fill="#F1F2F7"/>
<path d="M193.5 157H103.5C96.5964 157 91 162.596 91 169.5C91 176.404 96.5964 182 103.5 182H193.5C200.404 182 206 176.404 206 169.5C206 162.596 200.404 157 193.5 157Z" fill="#F1F2F7"/>
<path d="M193.5 193H103.5C96.5964 193 91 198.596 91 205.5C91 212.404 96.5964 218 103.5 218H193.5C200.404 218 206 212.404 206 205.5C206 198.596 200.404 193 193.5 193Z" fill="#F1F2F7"/>
<circle cx="94.5001" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
<rect x="106" y="48.5049" width="35" height="5" fill="#EDEEF3"/>
<circle cx="152.5" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
</g>
<path d="M409 20H246C237.716 20 231 26.7157 231 35V45C231 53.2843 237.716 60 246 60H409C417.284 60 424 53.2843 424 45V35C424 26.7157 417.284 20 409 20Z" fill="white"/>
<path d="M297 30H251C245.477 30 241 34.4772 241 40C241 45.5228 245.477 50 251 50H297C302.523 50 307 45.5228 307 40C307 34.4772 302.523 30 297 30Z" fill="#F1F2F7"/>
<path d="M384 40C384 34.4772 379.523 30 374 30C368.477 30 364 34.4772 364 40C364 45.5228 368.477 50 374 50C379.523 50 384 45.5228 384 40Z" fill="#F1F2F7"/>
<path d="M414 40C414 34.4772 409.523 30 404 30C398.477 30 394 34.4772 394 40C394 45.5228 398.477 50 404 50C409.523 50 414 45.5228 414 40Z" fill="#F1F2F7"/>
<g opacity="0.8">
<path d="M293 70H246C237.716 70 231 76.7157 231 85V145C231 153.284 237.716 160 246 160H293C301.284 160 308 153.284 308 145V85C308 76.7157 301.284 70 293 70Z" fill="white"/>
<path d="M409 70H328C319.716 70 313 76.7157 313 85V145C313 153.284 319.716 160 328 160H409C417.284 160 424 153.284 424 145V85C424 76.7157 417.284 70 409 70Z" fill="white"/>
<path d="M409 165H246C237.716 165 231 171.716 231 180V203C231 211.284 237.716 218 246 218H409C417.284 218 424 211.284 424 203V180C424 171.716 417.284 165 409 165Z" fill="white"/>
<path d="M310 223H246C237.716 223 231 229.716 231 238V365C231 373.284 237.716 380 246 380H310C318.284 380 325 373.284 325 365V238C325 229.716 318.284 223 310 223Z" fill="white"/>
<path d="M409 223H345C336.716 223 330 229.716 330 238V365C330 373.284 336.716 380 345 380H409C417.284 380 424 373.284 424 365V238C424 229.716 417.284 223 409 223Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_641">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

35
public/assets/images/layouts/dark.svg Executable file
View File

@@ -0,0 +1,35 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_666)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#17181E"/>
<mask id="mask0_946_666" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="145" height="360">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_666)">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="#2A2B33"/>
<path d="M137.5 85H47.5C40.5964 85 35 90.5964 35 97.5C35 104.404 40.5964 110 47.5 110H137.5C144.404 110 150 104.404 150 97.5C150 90.5964 144.404 85 137.5 85Z" fill="#17181E"/>
<path d="M137.5 121H47.5C40.5964 121 35 126.596 35 133.5C35 140.404 40.5964 146 47.5 146H137.5C144.404 146 150 140.404 150 133.5C150 126.596 144.404 121 137.5 121Z" fill="#17181E"/>
<path d="M137.5 157H47.5C40.5964 157 35 162.596 35 169.5C35 176.404 40.5964 182 47.5 182H137.5C144.404 182 150 176.404 150 169.5C150 162.596 144.404 157 137.5 157Z" fill="#17181E"/>
<path d="M137.5 193H47.5C40.5964 193 35 198.596 35 205.5C35 212.404 40.5964 218 47.5 218H137.5C144.404 218 150 212.404 150 205.5C150 198.596 144.404 193 137.5 193Z" fill="#17181E"/>
<circle cx="38.5" cy="51.0049" r="3.50005" fill="#17181E"/>
<rect x="50.0001" y="48.5049" width="35" height="5" fill="#17181E"/>
<circle cx="96.5002" cy="51.0049" r="3.50005" fill="#17181E"/>
</g>
<path d="M465 20H190C181.716 20 175 26.7157 175 35V45C175 53.2843 181.716 60 190 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="#2A2B33"/>
<path d="M290 30H195C189.477 30 185 34.4772 185 40C185 45.5228 189.477 50 195 50H290C295.523 50 300 45.5228 300 40C300 34.4772 295.523 30 290 30Z" fill="#17181E"/>
<path d="M440 40C440 34.4772 435.523 30 430 30C424.477 30 420 34.4772 420 40C420 45.5228 424.477 50 430 50C435.523 50 440 45.5228 440 40Z" fill="#17181E"/>
<path d="M470 40C470 34.4772 465.523 30 460 30C454.477 30 450 34.4772 450 40C450 45.5228 454.477 50 460 50C465.523 50 470 45.5228 470 40Z" fill="#17181E"/>
<g opacity="0.8">
<path d="M239 70H190C181.716 70 175 76.7157 175 85V145C175 153.284 181.716 160 190 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="#2A2B33"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="#2A2B33"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="#2A2B33"/>
<path d="M465 165H190C181.716 165 175 171.716 175 180V203C175 211.284 181.716 218 190 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="#2A2B33"/>
<path d="M310 223H190C181.716 223 175 229.716 175 238V365C175 373.284 181.716 380 190 380H310C318.284 380 325 373.284 325 365V238C325 229.716 318.284 223 310 223Z" fill="#2A2B33"/>
<path d="M465 223H345C336.716 223 330 229.716 330 238V365C330 373.284 336.716 380 345 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="#2A2B33"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_666">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

35
public/assets/images/layouts/fluid.svg Executable file
View File

@@ -0,0 +1,35 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_692)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_692" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="145" height="360">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_692)">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
<path d="M137.5 85H47.5C40.5964 85 35 90.5964 35 97.5C35 104.404 40.5964 110 47.5 110H137.5C144.404 110 150 104.404 150 97.5C150 90.5964 144.404 85 137.5 85Z" fill="#F1F2F7"/>
<path d="M137.5 121H47.5C40.5964 121 35 126.596 35 133.5C35 140.404 40.5964 146 47.5 146H137.5C144.404 146 150 140.404 150 133.5C150 126.596 144.404 121 137.5 121Z" fill="#F1F2F7"/>
<path d="M137.5 157H47.5C40.5964 157 35 162.596 35 169.5C35 176.404 40.5964 182 47.5 182H137.5C144.404 182 150 176.404 150 169.5C150 162.596 144.404 157 137.5 157Z" fill="#F1F2F7"/>
<path d="M137.5 193H47.5C40.5964 193 35 198.596 35 205.5C35 212.404 40.5964 218 47.5 218H137.5C144.404 218 150 212.404 150 205.5C150 198.596 144.404 193 137.5 193Z" fill="#F1F2F7"/>
<circle cx="38.5" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
<rect x="50.0001" y="48.5049" width="35" height="5" fill="#EDEEF3"/>
<circle cx="96.5002" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
</g>
<path d="M465 20H190C181.716 20 175 26.7157 175 35V45C175 53.2843 181.716 60 190 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="white"/>
<path d="M290 30H195C189.477 30 185 34.4772 185 40C185 45.5228 189.477 50 195 50H290C295.523 50 300 45.5228 300 40C300 34.4772 295.523 30 290 30Z" fill="#F1F2F7"/>
<path d="M440 40C440 34.4772 435.523 30 430 30C424.477 30 420 34.4772 420 40C420 45.5228 424.477 50 430 50C435.523 50 440 45.5228 440 40Z" fill="#F1F2F7"/>
<path d="M470 40C470 34.4772 465.523 30 460 30C454.477 30 450 34.4772 450 40C450 45.5228 454.477 50 460 50C465.523 50 470 45.5228 470 40Z" fill="#F1F2F7"/>
<g opacity="0.8">
<path d="M239 70H190C181.716 70 175 76.7157 175 85V145C175 153.284 181.716 160 190 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H190C181.716 165 175 171.716 175 180V203C175 211.284 181.716 218 190 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M310 223H190C181.716 223 175 229.716 175 238V365C175 373.284 181.716 380 190 380H310C318.284 380 325 373.284 325 365V238C325 229.716 318.284 223 310 223Z" fill="white"/>
<path d="M465 223H345C336.716 223 330 229.716 330 238V365C330 373.284 336.716 380 345 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_692">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

35
public/assets/images/layouts/light.svg Executable file
View File

@@ -0,0 +1,35 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_718)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_718" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="145" height="360">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_718)">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
<path d="M137.5 85H47.5C40.5964 85 35 90.5964 35 97.5C35 104.404 40.5964 110 47.5 110H137.5C144.404 110 150 104.404 150 97.5C150 90.5964 144.404 85 137.5 85Z" fill="#F1F2F7"/>
<path d="M137.5 121H47.5C40.5964 121 35 126.596 35 133.5C35 140.404 40.5964 146 47.5 146H137.5C144.404 146 150 140.404 150 133.5C150 126.596 144.404 121 137.5 121Z" fill="#F1F2F7"/>
<path d="M137.5 157H47.5C40.5964 157 35 162.596 35 169.5C35 176.404 40.5964 182 47.5 182H137.5C144.404 182 150 176.404 150 169.5C150 162.596 144.404 157 137.5 157Z" fill="#F1F2F7"/>
<path d="M137.5 193H47.5C40.5964 193 35 198.596 35 205.5C35 212.404 40.5964 218 47.5 218H137.5C144.404 218 150 212.404 150 205.5C150 198.596 144.404 193 137.5 193Z" fill="#F1F2F7"/>
<circle cx="38.5" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
<rect x="50" y="48.5049" width="35" height="5" fill="#EDEEF3"/>
<circle cx="96.5001" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
</g>
<path d="M465 20H190C181.716 20 175 26.7157 175 35V45C175 53.2843 181.716 60 190 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="white"/>
<path d="M290 30H195C189.477 30 185 34.4772 185 40C185 45.5228 189.477 50 195 50H290C295.523 50 300 45.5228 300 40C300 34.4772 295.523 30 290 30Z" fill="#F1F2F7"/>
<path d="M440 40C440 34.4772 435.523 30 430 30C424.477 30 420 34.4772 420 40C420 45.5228 424.477 50 430 50C435.523 50 440 45.5228 440 40Z" fill="#F1F2F7"/>
<path d="M470 40C470 34.4772 465.523 30 460 30C454.477 30 450 34.4772 450 40C450 45.5228 454.477 50 460 50C465.523 50 470 45.5228 470 40Z" fill="#F1F2F7"/>
<g opacity="0.8">
<path d="M239 70H190C181.716 70 175 76.7157 175 85V145C175 153.284 181.716 160 190 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H190C181.716 165 175 171.716 175 180V203C175 211.284 181.716 218 190 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M310 223H190C181.716 223 175 229.716 175 238V365C175 373.284 181.716 380 190 380H310C318.284 380 325 373.284 325 365V238C325 229.716 318.284 223 310 223Z" fill="white"/>
<path d="M465 223H345C336.716 223 330 229.716 330 238V365C330 373.284 336.716 380 345 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_718">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

35
public/assets/images/layouts/side-dark.svg Executable file
View File

@@ -0,0 +1,35 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_835)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_835" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="145" height="360">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_835)">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="#2A2B33"/>
<path d="M137.5 85H47.5C40.5964 85 35 90.5964 35 97.5C35 104.404 40.5964 110 47.5 110H137.5C144.404 110 150 104.404 150 97.5C150 90.5964 144.404 85 137.5 85Z" fill="#17181E"/>
<path d="M137.5 121H47.5C40.5964 121 35 126.596 35 133.5C35 140.404 40.5964 146 47.5 146H137.5C144.404 146 150 140.404 150 133.5C150 126.596 144.404 121 137.5 121Z" fill="#17181E"/>
<path d="M137.5 157H47.5C40.5964 157 35 162.596 35 169.5C35 176.404 40.5964 182 47.5 182H137.5C144.404 182 150 176.404 150 169.5C150 162.596 144.404 157 137.5 157Z" fill="#17181E"/>
<path d="M137.5 193H47.5C40.5964 193 35 198.596 35 205.5C35 212.404 40.5964 218 47.5 218H137.5C144.404 218 150 212.404 150 205.5C150 198.596 144.404 193 137.5 193Z" fill="#17181E"/>
<circle cx="38.5" cy="51.0049" r="3.50005" fill="#17181E"/>
<rect x="50" y="48.5049" width="35" height="5" fill="#17181E"/>
<circle cx="96.5001" cy="51.0049" r="3.50005" fill="#17181E"/>
</g>
<path d="M465 20H190C181.716 20 175 26.7157 175 35V45C175 53.2843 181.716 60 190 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="white"/>
<path d="M290 30H195C189.477 30 185 34.4772 185 40C185 45.5228 189.477 50 195 50H290C295.523 50 300 45.5228 300 40C300 34.4772 295.523 30 290 30Z" fill="#F1F2F7"/>
<path d="M440 40C440 34.4772 435.523 30 430 30C424.477 30 420 34.4772 420 40C420 45.5228 424.477 50 430 50C435.523 50 440 45.5228 440 40Z" fill="#F1F2F7"/>
<path d="M470 40C470 34.4772 465.523 30 460 30C454.477 30 450 34.4772 450 40C450 45.5228 454.477 50 460 50C465.523 50 470 45.5228 470 40Z" fill="#F1F2F7"/>
<g opacity="0.8">
<path d="M239 70H190C181.716 70 175 76.7157 175 85V145C175 153.284 181.716 160 190 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H190C181.716 165 175 171.716 175 180V203C175 211.284 181.716 218 190 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M310 223H190C181.716 223 175 229.716 175 238V365C175 373.284 181.716 380 190 380H310C318.284 380 325 373.284 325 365V238C325 229.716 318.284 223 310 223Z" fill="white"/>
<path d="M465 223H345C336.716 223 330 229.716 330 238V365C330 373.284 336.716 380 345 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_835">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

39
public/assets/images/layouts/side-gradient.svg Executable file
View File

@@ -0,0 +1,39 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_861)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_861" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="145" height="360">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_861)">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="url(#paint0_linear_946_861)"/>
<path d="M137.5 85H47.5C40.5964 85 35 90.5964 35 97.5C35 104.404 40.5964 110 47.5 110H137.5C144.404 110 150 104.404 150 97.5C150 90.5964 144.404 85 137.5 85Z" fill="white" fill-opacity="0.7"/>
<path d="M137.5 121H47.5C40.5964 121 35 126.596 35 133.5C35 140.404 40.5964 146 47.5 146H137.5C144.404 146 150 140.404 150 133.5C150 126.596 144.404 121 137.5 121Z" fill="white" fill-opacity="0.7"/>
<path d="M137.5 157H47.5C40.5964 157 35 162.596 35 169.5C35 176.404 40.5964 182 47.5 182H137.5C144.404 182 150 176.404 150 169.5C150 162.596 144.404 157 137.5 157Z" fill="white" fill-opacity="0.7"/>
<path d="M137.5 193H47.5C40.5964 193 35 198.596 35 205.5C35 212.404 40.5964 218 47.5 218H137.5C144.404 218 150 212.404 150 205.5C150 198.596 144.404 193 137.5 193Z" fill="white" fill-opacity="0.7"/>
<circle cx="38.5" cy="51.0049" r="3.50005" fill="white" fill-opacity="0.7"/>
<rect x="50" y="48.5049" width="35" height="5" fill="white" fill-opacity="0.7"/>
<circle cx="96.5001" cy="51.0049" r="3.50005" fill="white" fill-opacity="0.7"/>
</g>
<path d="M465 20H190C181.716 20 175 26.7157 175 35V45C175 53.2843 181.716 60 190 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="white"/>
<path d="M290 30H195C189.477 30 185 34.4772 185 40C185 45.5228 189.477 50 195 50H290C295.523 50 300 45.5228 300 40C300 34.4772 295.523 30 290 30Z" fill="#F1F2F7"/>
<path d="M440 40C440 34.4772 435.523 30 430 30C424.477 30 420 34.4772 420 40C420 45.5228 424.477 50 430 50C435.523 50 440 45.5228 440 40Z" fill="#F1F2F7"/>
<path d="M470 40C470 34.4772 465.523 30 460 30C454.477 30 450 34.4772 450 40C450 45.5228 454.477 50 460 50C465.523 50 470 45.5228 470 40Z" fill="#F1F2F7"/>
<g opacity="0.8">
<path d="M239 70H190C181.716 70 175 76.7157 175 85V145C175 153.284 181.716 160 190 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H190C181.716 165 175 171.716 175 180V203C175 211.284 181.716 218 190 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M310 223H190C181.716 223 175 229.716 175 238V365C175 373.284 181.716 380 190 380H310C318.284 380 325 373.284 325 365V238C325 229.716 318.284 223 310 223Z" fill="white"/>
<path d="M465 223H345C336.716 223 330 229.716 330 238V365C330 373.284 336.716 380 345 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<linearGradient id="paint0_linear_946_861" x1="165" y1="200" x2="20" y2="200" gradientUnits="userSpaceOnUse">
<stop stop-color="#1C84C6"/>
<stop offset="1" stop-color="#1AB394"/>
</linearGradient>
<clipPath id="clip0_946_861">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

35
public/assets/images/layouts/side-gray.svg Executable file
View File

@@ -0,0 +1,35 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_887)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_887" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="145" height="360">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_887)">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="#808080"/>
<path d="M137.5 85H47.5C40.5964 85 35 90.5964 35 97.5C35 104.404 40.5964 110 47.5 110H137.5C144.404 110 150 104.404 150 97.5C150 90.5964 144.404 85 137.5 85Z" fill="#F1F2F7"/>
<path d="M137.5 121H47.5C40.5964 121 35 126.596 35 133.5C35 140.404 40.5964 146 47.5 146H137.5C144.404 146 150 140.404 150 133.5C150 126.596 144.404 121 137.5 121Z" fill="#F1F2F7"/>
<path d="M137.5 157H47.5C40.5964 157 35 162.596 35 169.5C35 176.404 40.5964 182 47.5 182H137.5C144.404 182 150 176.404 150 169.5C150 162.596 144.404 157 137.5 157Z" fill="#F1F2F7"/>
<path d="M137.5 193H47.5C40.5964 193 35 198.596 35 205.5C35 212.404 40.5964 218 47.5 218H137.5C144.404 218 150 212.404 150 205.5C150 198.596 144.404 193 137.5 193Z" fill="#F1F2F7"/>
<circle cx="38.5" cy="51.0049" r="3.50005" fill="#F1F2F7"/>
<rect x="50" y="48.5049" width="35" height="5" fill="#F1F2F7"/>
<circle cx="96.5001" cy="51.0049" r="3.50005" fill="#F1F2F7"/>
</g>
<path d="M465 20H190C181.716 20 175 26.7157 175 35V45C175 53.2843 181.716 60 190 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="white"/>
<path d="M290 30H195C189.477 30 185 34.4772 185 40C185 45.5228 189.477 50 195 50H290C295.523 50 300 45.5228 300 40C300 34.4772 295.523 30 290 30Z" fill="#F1F2F7"/>
<path d="M440 40C440 34.4772 435.523 30 430 30C424.477 30 420 34.4772 420 40C420 45.5228 424.477 50 430 50C435.523 50 440 45.5228 440 40Z" fill="#F1F2F7"/>
<path d="M470 40C470 34.4772 465.523 30 460 30C454.477 30 450 34.4772 450 40C450 45.5228 454.477 50 460 50C465.523 50 470 45.5228 470 40Z" fill="#F1F2F7"/>
<g opacity="0.8">
<path d="M239 70H190C181.716 70 175 76.7157 175 85V145C175 153.284 181.716 160 190 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H190C181.716 165 175 171.716 175 180V203C175 211.284 181.716 218 190 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M310 223H190C181.716 223 175 229.716 175 238V365C175 373.284 181.716 380 190 380H310C318.284 380 325 373.284 325 365V238C325 229.716 318.284 223 310 223Z" fill="white"/>
<path d="M465 223H345C336.716 223 330 229.716 330 238V365C330 373.284 336.716 380 345 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_887">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

47
public/assets/images/layouts/side-image.svg Executable file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

35
public/assets/images/layouts/side-light.svg Executable file
View File

@@ -0,0 +1,35 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_942)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_942" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="145" height="360">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_942)">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
<path d="M137.5 85H47.5C40.5964 85 35 90.5964 35 97.5C35 104.404 40.5964 110 47.5 110H137.5C144.404 110 150 104.404 150 97.5C150 90.5964 144.404 85 137.5 85Z" fill="#F1F2F7"/>
<path d="M137.5 121H47.5C40.5964 121 35 126.596 35 133.5C35 140.404 40.5964 146 47.5 146H137.5C144.404 146 150 140.404 150 133.5C150 126.596 144.404 121 137.5 121Z" fill="#F1F2F7"/>
<path d="M137.5 157H47.5C40.5964 157 35 162.596 35 169.5C35 176.404 40.5964 182 47.5 182H137.5C144.404 182 150 176.404 150 169.5C150 162.596 144.404 157 137.5 157Z" fill="#F1F2F7"/>
<path d="M137.5 193H47.5C40.5964 193 35 198.596 35 205.5C35 212.404 40.5964 218 47.5 218H137.5C144.404 218 150 212.404 150 205.5C150 198.596 144.404 193 137.5 193Z" fill="#F1F2F7"/>
<circle cx="38.5" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
<rect x="50" y="48.5049" width="35" height="5" fill="#EDEEF3"/>
<circle cx="96.5001" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
</g>
<path d="M465 20H190C181.716 20 175 26.7157 175 35V45C175 53.2843 181.716 60 190 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="white"/>
<path d="M290 30H195C189.477 30 185 34.4772 185 40C185 45.5228 189.477 50 195 50H290C295.523 50 300 45.5228 300 40C300 34.4772 295.523 30 290 30Z" fill="#F1F2F7"/>
<path d="M440 40C440 34.4772 435.523 30 430 30C424.477 30 420 34.4772 420 40C420 45.5228 424.477 50 430 50C435.523 50 440 45.5228 440 40Z" fill="#F1F2F7"/>
<path d="M470 40C470 34.4772 465.523 30 460 30C454.477 30 450 34.4772 450 40C450 45.5228 454.477 50 460 50C465.523 50 470 45.5228 470 40Z" fill="#F1F2F7"/>
<g opacity="0.8">
<path d="M239 70H190C181.716 70 175 76.7157 175 85V145C175 153.284 181.716 160 190 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H190C181.716 165 175 171.716 175 180V203C175 211.284 181.716 218 190 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M310 223H190C181.716 223 175 229.716 175 238V365C175 373.284 181.716 380 190 380H310C318.284 380 325 373.284 325 365V238C325 229.716 318.284 223 310 223Z" fill="white"/>
<path d="M465 223H345C336.716 223 330 229.716 330 238V365C330 373.284 336.716 380 345 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_942">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

35
public/assets/images/layouts/sidebar-compact.svg Executable file
View File

@@ -0,0 +1,35 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_744)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_744" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="89" height="360">
<path d="M94 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H94C102.284 380 109 373.284 109 365V35C109 26.7157 102.284 20 94 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_744)">
<path d="M94 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H94C102.284 380 109 373.284 109 365V35C109 26.7157 102.284 20 94 20Z" fill="white"/>
<path d="M84.5 85H44.5C37.5964 85 32 90.5964 32 97.5C32 104.404 37.5964 110 44.5 110H84.5C91.4036 110 97 104.404 97 97.5C97 90.5964 91.4036 85 84.5 85Z" fill="#F1F2F7"/>
<path d="M84.5 121H44.5C37.5964 121 32 126.596 32 133.5C32 140.404 37.5964 146 44.5 146H84.5C91.4036 146 97 140.404 97 133.5C97 126.596 91.4036 121 84.5 121Z" fill="#F1F2F7"/>
<path d="M84.5 157H44.5C37.5964 157 32 162.596 32 169.5C32 176.404 37.5964 182 44.5 182H84.5C91.4036 182 97 176.404 97 169.5C97 162.596 91.4036 157 84.5 157Z" fill="#F1F2F7"/>
<path d="M84.5 193H44.5C37.5964 193 32 198.596 32 205.5C32 212.404 37.5964 218 44.5 218H84.5C91.4036 218 97 212.404 97 205.5C97 198.596 91.4036 193 84.5 193Z" fill="#F1F2F7"/>
<circle cx="35.5" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
<rect x="47" y="48.5049" width="35" height="5" fill="#EDEEF3"/>
<circle cx="93.5001" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
</g>
<path d="M465 20H134C125.716 20 119 26.7157 119 35V45C119 53.2843 125.716 60 134 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="white"/>
<path d="M262 30H167C161.477 30 157 34.4772 157 40C157 45.5228 161.477 50 167 50H262C267.523 50 272 45.5228 272 40C272 34.4772 267.523 30 262 30Z" fill="#F1F2F7"/>
<path d="M412 40C412 34.4772 407.523 30 402 30C396.477 30 392 34.4772 392 40C392 45.5228 396.477 50 402 50C407.523 50 412 45.5228 412 40Z" fill="#F1F2F7"/>
<path d="M442 40C442 34.4772 437.523 30 432 30C426.477 30 422 34.4772 422 40C422 45.5228 426.477 50 432 50C437.523 50 442 45.5228 442 40Z" fill="#F1F2F7"/>
<g opacity="0.8">
<path d="M239 70H134C125.716 70 119 76.7157 119 85V145C119 153.284 125.716 160 134 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H134C125.716 165 119 171.716 119 180V203C119 211.284 125.716 218 134 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M282 223H134C125.716 223 119 229.716 119 238V365C119 373.284 125.716 380 134 380H282C290.284 380 297 373.284 297 365V238C297 229.716 290.284 223 282 223Z" fill="white"/>
<path d="M465 223H317C308.716 223 302 229.716 302 238V365C302 373.284 308.716 380 317 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_744">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

22
public/assets/images/layouts/sidebar-full.svg Executable file
View File

@@ -0,0 +1,22 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_770)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<path d="M465 20H35C26.7157 20 20 26.7157 20 35V45C20 53.2843 26.7157 60 35 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="white"/>
<path d="M135 30H40C34.4772 30 30 34.4772 30 40C30 45.5228 34.4772 50 40 50H135C140.523 50 145 45.5228 145 40C145 34.4772 140.523 30 135 30Z" fill="#F1F2F7"/>
<path d="M362 40C362 34.4772 357.523 30 352 30C346.477 30 342 34.4772 342 40C342 45.5228 346.477 50 352 50C357.523 50 362 45.5228 362 40Z" fill="#F1F2F7"/>
<path d="M392 40C392 34.4772 387.523 30 382 30C376.477 30 372 34.4772 372 40C372 45.5228 376.477 50 382 50C387.523 50 392 45.5228 392 40Z" fill="#F1F2F7"/>
<g opacity="0.8">
<path d="M239 70H35C26.7157 70 20 76.7157 20 85V145C20 153.284 26.7157 160 35 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H35C26.7157 165 20 171.716 20 180V203C20 211.284 26.7157 218 35 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M232.5 223H35C26.7157 223 20 229.716 20 238V365C20 373.284 26.7157 380 35 380H232.5C240.784 380 247.5 373.284 247.5 365V238C247.5 229.716 240.784 223 232.5 223Z" fill="white"/>
<path d="M465 223H267.5C259.216 223 252.5 229.716 252.5 238V365C252.5 373.284 259.216 380 267.5 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_770">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

33
public/assets/images/layouts/sidebar-hover.svg Executable file
View File

@@ -0,0 +1,33 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_783)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_783" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="61" height="360">
<path d="M66 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H66C74.2843 380 81 373.284 81 365V35C81 26.7157 74.2843 20 66 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_783)">
<path d="M66 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H66C74.2843 380 81 373.284 81 365V35C81 26.7157 74.2843 20 66 20Z" fill="white"/>
<path d="M58.5 85H42.5C35.5964 85 30 90.5964 30 97.5C30 104.404 35.5964 110 42.5 110H58.5C65.4036 110 71 104.404 71 97.5C71 90.5964 65.4036 85 58.5 85Z" fill="#F1F2F7"/>
<path d="M58.5 121H42.5C35.5964 121 30 126.596 30 133.5C30 140.404 35.5964 146 42.5 146H58.5C65.4036 146 71 140.404 71 133.5C71 126.596 65.4036 121 58.5 121Z" fill="#F1F2F7"/>
<path d="M58.5 157H42.5C35.5964 157 30 162.596 30 169.5C30 176.404 35.5964 182 42.5 182H58.5C65.4036 182 71 176.404 71 169.5C71 162.596 65.4036 157 58.5 157Z" fill="#F1F2F7"/>
<path d="M58.5 193H42.5C35.5964 193 30 198.596 30 205.5C30 212.404 35.5964 218 42.5 218H58.5C65.4036 218 71 212.404 71 205.5C71 198.596 65.4036 193 58.5 193Z" fill="#F1F2F7"/>
<circle cx="50.106" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
</g>
<path d="M465 20H106C97.7157 20 91 26.7157 91 35V45C91 53.2843 97.7157 60 106 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="white"/>
<path d="M248 30H153C147.477 30 143 34.4772 143 40C143 45.5228 147.477 50 153 50H248C253.523 50 258 45.5228 258 40C258 34.4772 253.523 30 248 30Z" fill="#F1F2F7"/>
<path d="M398 40C398 34.4772 393.523 30 388 30C382.477 30 378 34.4772 378 40C378 45.5228 382.477 50 388 50C393.523 50 398 45.5228 398 40Z" fill="#F1F2F7"/>
<path d="M428 40C428 34.4772 423.523 30 418 30C412.477 30 408 34.4772 408 40C408 45.5228 412.477 50 418 50C423.523 50 428 45.5228 428 40Z" fill="#F1F2F7"/>
<g opacity="0.8">
<path d="M239 70H106C97.7157 70 91 76.7157 91 85V145C91 153.284 97.7157 160 106 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H106C97.7157 165 91 171.716 91 180V203C91 211.284 97.7157 218 106 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M268 223H106C97.7157 223 91 229.716 91 238V365C91 373.284 97.7157 380 106 380H268C276.284 380 283 373.284 283 365V238C283 229.716 276.284 223 268 223Z" fill="white"/>
<path d="M465 223H303C294.716 223 288 229.716 288 238V365C288 373.284 294.716 380 303 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_783">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

33
public/assets/images/layouts/sidebar-sm.svg Executable file
View File

@@ -0,0 +1,33 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_809)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_809" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="61" height="360">
<path d="M66 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H66C74.2843 380 81 373.284 81 365V35C81 26.7157 74.2843 20 66 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_809)">
<path d="M66 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H66C74.2843 380 81 373.284 81 365V35C81 26.7157 74.2843 20 66 20Z" fill="white"/>
<path d="M58.5 85H42.5C35.5964 85 30 90.5964 30 97.5C30 104.404 35.5964 110 42.5 110H58.5C65.4036 110 71 104.404 71 97.5C71 90.5964 65.4036 85 58.5 85Z" fill="#F1F2F7"/>
<path d="M58.5 121H42.5C35.5964 121 30 126.596 30 133.5C30 140.404 35.5964 146 42.5 146H58.5C65.4036 146 71 140.404 71 133.5C71 126.596 65.4036 121 58.5 121Z" fill="#F1F2F7"/>
<path d="M58.5 157H42.5C35.5964 157 30 162.596 30 169.5C30 176.404 35.5964 182 42.5 182H58.5C65.4036 182 71 176.404 71 169.5C71 162.596 65.4036 157 58.5 157Z" fill="#F1F2F7"/>
<path d="M58.5 193H42.5C35.5964 193 30 198.596 30 205.5C30 212.404 35.5964 218 42.5 218H58.5C65.4036 218 71 212.404 71 205.5C71 198.596 65.4036 193 58.5 193Z" fill="#F1F2F7"/>
<circle cx="50.106" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
</g>
<path d="M465 20H106C97.7157 20 91 26.7157 91 35V45C91 53.2843 97.7157 60 106 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="white"/>
<path d="M248 30H153C147.477 30 143 34.4772 143 40C143 45.5228 147.477 50 153 50H248C253.523 50 258 45.5228 258 40C258 34.4772 253.523 30 248 30Z" fill="#F1F2F7"/>
<path d="M398 40C398 34.4772 393.523 30 388 30C382.477 30 378 34.4772 378 40C378 45.5228 382.477 50 388 50C393.523 50 398 45.5228 398 40Z" fill="#F1F2F7"/>
<path d="M428 40C428 34.4772 423.523 30 418 30C412.477 30 408 34.4772 408 40C408 45.5228 412.477 50 418 50C423.523 50 428 45.5228 428 40Z" fill="#F1F2F7"/>
<g opacity="0.8">
<path d="M239 70H106C97.7157 70 91 76.7157 91 85V145C91 153.284 97.7157 160 106 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H106C97.7157 165 91 171.716 91 180V203C91 211.284 97.7157 218 106 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M268 223H106C97.7157 223 91 229.716 91 238V365C91 373.284 97.7157 380 106 380H268C276.284 380 283 373.284 283 365V238C283 229.716 276.284 223 268 223Z" fill="white"/>
<path d="M465 223H303C294.716 223 288 229.716 288 238V365C288 373.284 294.716 380 303 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_809">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

35
public/assets/images/layouts/system.svg Executable file
View File

@@ -0,0 +1,35 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_968)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_968" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="145" height="360">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_968)">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="#17181E"/>
<path d="M137.5 85H47.5C40.5964 85 35 90.5964 35 97.5C35 104.404 40.5964 110 47.5 110H137.5C144.404 110 150 104.404 150 97.5C150 90.5964 144.404 85 137.5 85Z" fill="#27282F"/>
<path d="M137.5 121H47.5C40.5964 121 35 126.596 35 133.5C35 140.404 40.5964 146 47.5 146H137.5C144.404 146 150 140.404 150 133.5C150 126.596 144.404 121 137.5 121Z" fill="#27282F"/>
<path d="M137.5 157H47.5C40.5964 157 35 162.596 35 169.5C35 176.404 40.5964 182 47.5 182H137.5C144.404 182 150 176.404 150 169.5C150 162.596 144.404 157 137.5 157Z" fill="#27282F"/>
<path d="M137.5 193H47.5C40.5964 193 35 198.596 35 205.5C35 212.404 40.5964 218 47.5 218H137.5C144.404 218 150 212.404 150 205.5C150 198.596 144.404 193 137.5 193Z" fill="#27282F"/>
<circle cx="38.5" cy="51.0049" r="3.50005" fill="#27282F"/>
<rect x="50" y="48.5049" width="35" height="5" fill="#27282F"/>
<circle cx="96.5001" cy="51.0049" r="3.50005" fill="#27282F"/>
</g>
<path d="M465 20H190C181.716 20 175 26.7157 175 35V45C175 53.2843 181.716 60 190 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="#17181E"/>
<path d="M290 30H195C189.477 30 185 34.4772 185 40C185 45.5228 189.477 50 195 50H290C295.523 50 300 45.5228 300 40C300 34.4772 295.523 30 290 30Z" fill="#27282F"/>
<path d="M440 40C440 34.4772 435.523 30 430 30C424.477 30 420 34.4772 420 40C420 45.5228 424.477 50 430 50C435.523 50 440 45.5228 440 40Z" fill="#27282F"/>
<path d="M470 40C470 34.4772 465.523 30 460 30C454.477 30 450 34.4772 450 40C450 45.5228 454.477 50 460 50C465.523 50 470 45.5228 470 40Z" fill="#27282F"/>
<g opacity="0.8">
<path d="M239 70H190C181.716 70 175 76.7157 175 85V145C175 153.284 181.716 160 190 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H190C181.716 165 175 171.716 175 180V203C175 211.284 181.716 218 190 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M310 223H190C181.716 223 175 229.716 175 238V365C175 373.284 181.716 380 190 380H310C318.284 380 325 373.284 325 365V238C325 229.716 318.284 223 310 223Z" fill="white"/>
<path d="M465 223H345C336.716 223 330 229.716 330 238V365C330 373.284 336.716 380 345 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_968">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
public/assets/images/layouts/themes/theme-default.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
public/assets/images/layouts/themes/theme-flat.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
public/assets/images/layouts/themes/theme-galaxy.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
public/assets/images/layouts/themes/theme-material.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
public/assets/images/layouts/themes/theme-minimal.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
public/assets/images/layouts/themes/theme-modern.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
public/assets/images/layouts/themes/theme-saas.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

35
public/assets/images/layouts/topbar-dark.svg Executable file
View File

@@ -0,0 +1,35 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_994)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_994" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="145" height="360">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_994)">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
<path d="M137.5 85H47.5C40.5964 85 35 90.5964 35 97.5C35 104.404 40.5964 110 47.5 110H137.5C144.404 110 150 104.404 150 97.5C150 90.5964 144.404 85 137.5 85Z" fill="#F1F2F7"/>
<path d="M137.5 121H47.5C40.5964 121 35 126.596 35 133.5C35 140.404 40.5964 146 47.5 146H137.5C144.404 146 150 140.404 150 133.5C150 126.596 144.404 121 137.5 121Z" fill="#F1F2F7"/>
<path d="M137.5 157H47.5C40.5964 157 35 162.596 35 169.5C35 176.404 40.5964 182 47.5 182H137.5C144.404 182 150 176.404 150 169.5C150 162.596 144.404 157 137.5 157Z" fill="#F1F2F7"/>
<path d="M137.5 193H47.5C40.5964 193 35 198.596 35 205.5C35 212.404 40.5964 218 47.5 218H137.5C144.404 218 150 212.404 150 205.5C150 198.596 144.404 193 137.5 193Z" fill="#F1F2F7"/>
<circle cx="38.5" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
<rect x="50" y="48.5049" width="35" height="5" fill="#EDEEF3"/>
<circle cx="96.5001" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
</g>
<path d="M465 20H190C181.716 20 175 26.7157 175 35V45C175 53.2843 181.716 60 190 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="#17181E"/>
<path d="M290 30H195C189.477 30 185 34.4772 185 40C185 45.5228 189.477 50 195 50H290C295.523 50 300 45.5228 300 40C300 34.4772 295.523 30 290 30Z" fill="#27282F"/>
<path d="M440 40C440 34.4772 435.523 30 430 30C424.477 30 420 34.4772 420 40C420 45.5228 424.477 50 430 50C435.523 50 440 45.5228 440 40Z" fill="#27282F"/>
<path d="M470 40C470 34.4772 465.523 30 460 30C454.477 30 450 34.4772 450 40C450 45.5228 454.477 50 460 50C465.523 50 470 45.5228 470 40Z" fill="#27282F"/>
<g opacity="0.8">
<path d="M239 70H190C181.716 70 175 76.7157 175 85V145C175 153.284 181.716 160 190 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H190C181.716 165 175 171.716 175 180V203C175 211.284 181.716 218 190 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M310 223H190C181.716 223 175 229.716 175 238V365C175 373.284 181.716 380 190 380H310C318.284 380 325 373.284 325 365V238C325 229.716 318.284 223 310 223Z" fill="white"/>
<path d="M465 223H345C336.716 223 330 229.716 330 238V365C330 373.284 336.716 380 345 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_994">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

39
public/assets/images/layouts/topbar-gradient.svg Executable file
View File

@@ -0,0 +1,39 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_1020)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_1020" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="145" height="360">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_1020)">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
<path d="M137.5 85H47.5C40.5964 85 35 90.5964 35 97.5C35 104.404 40.5964 110 47.5 110H137.5C144.404 110 150 104.404 150 97.5C150 90.5964 144.404 85 137.5 85Z" fill="#F1F2F7"/>
<path d="M137.5 121H47.5C40.5964 121 35 126.596 35 133.5C35 140.404 40.5964 146 47.5 146H137.5C144.404 146 150 140.404 150 133.5C150 126.596 144.404 121 137.5 121Z" fill="#F1F2F7"/>
<path d="M137.5 157H47.5C40.5964 157 35 162.596 35 169.5C35 176.404 40.5964 182 47.5 182H137.5C144.404 182 150 176.404 150 169.5C150 162.596 144.404 157 137.5 157Z" fill="#F1F2F7"/>
<path d="M137.5 193H47.5C40.5964 193 35 198.596 35 205.5C35 212.404 40.5964 218 47.5 218H137.5C144.404 218 150 212.404 150 205.5C150 198.596 144.404 193 137.5 193Z" fill="#F1F2F7"/>
<circle cx="38.5" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
<rect x="50" y="48.5049" width="35" height="5" fill="#EDEEF3"/>
<circle cx="96.5001" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
</g>
<path d="M465 20H190C181.716 20 175 26.7157 175 35V45C175 53.2843 181.716 60 190 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="url(#paint0_linear_946_1020)"/>
<path d="M290 30H195C189.477 30 185 34.4772 185 40C185 45.5228 189.477 50 195 50H290C295.523 50 300 45.5228 300 40C300 34.4772 295.523 30 290 30Z" fill="white" fill-opacity="0.7"/>
<path d="M440 40C440 34.4772 435.523 30 430 30C424.477 30 420 34.4772 420 40C420 45.5228 424.477 50 430 50C435.523 50 440 45.5228 440 40Z" fill="white" fill-opacity="0.7"/>
<path d="M470 40C470 34.4772 465.523 30 460 30C454.477 30 450 34.4772 450 40C450 45.5228 454.477 50 460 50C465.523 50 470 45.5228 470 40Z" fill="white" fill-opacity="0.7"/>
<g opacity="0.8">
<path d="M239 70H190C181.716 70 175 76.7157 175 85V145C175 153.284 181.716 160 190 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H190C181.716 165 175 171.716 175 180V203C175 211.284 181.716 218 190 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M310 223H190C181.716 223 175 229.716 175 238V365C175 373.284 181.716 380 190 380H310C318.284 380 325 373.284 325 365V238C325 229.716 318.284 223 310 223Z" fill="white"/>
<path d="M465 223H345C336.716 223 330 229.716 330 238V365C330 373.284 336.716 380 345 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<linearGradient id="paint0_linear_946_1020" x1="480" y1="40" x2="175" y2="40" gradientUnits="userSpaceOnUse">
<stop stop-color="#1C84C6"/>
<stop offset="1" stop-color="#1AB394"/>
</linearGradient>
<clipPath id="clip0_946_1020">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

35
public/assets/images/layouts/topbar-gray.svg Executable file
View File

@@ -0,0 +1,35 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_1046)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_1046" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="145" height="360">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_1046)">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
<path d="M137.5 85H47.5C40.5964 85 35 90.5964 35 97.5C35 104.404 40.5964 110 47.5 110H137.5C144.404 110 150 104.404 150 97.5C150 90.5964 144.404 85 137.5 85Z" fill="#F1F2F7"/>
<path d="M137.5 121H47.5C40.5964 121 35 126.596 35 133.5C35 140.404 40.5964 146 47.5 146H137.5C144.404 146 150 140.404 150 133.5C150 126.596 144.404 121 137.5 121Z" fill="#F1F2F7"/>
<path d="M137.5 157H47.5C40.5964 157 35 162.596 35 169.5C35 176.404 40.5964 182 47.5 182H137.5C144.404 182 150 176.404 150 169.5C150 162.596 144.404 157 137.5 157Z" fill="#F1F2F7"/>
<path d="M137.5 193H47.5C40.5964 193 35 198.596 35 205.5C35 212.404 40.5964 218 47.5 218H137.5C144.404 218 150 212.404 150 205.5C150 198.596 144.404 193 137.5 193Z" fill="#F1F2F7"/>
<circle cx="38.5" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
<rect x="50" y="48.5049" width="35" height="5" fill="#EDEEF3"/>
<circle cx="96.5001" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
</g>
<path d="M465 20H190C181.716 20 175 26.7157 175 35V45C175 53.2843 181.716 60 190 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="#717278"/>
<path d="M290 30H195C189.477 30 185 34.4772 185 40C185 45.5228 189.477 50 195 50H290C295.523 50 300 45.5228 300 40C300 34.4772 295.523 30 290 30Z" fill="#45464D"/>
<path d="M440 40C440 34.4772 435.523 30 430 30C424.477 30 420 34.4772 420 40C420 45.5228 424.477 50 430 50C435.523 50 440 45.5228 440 40Z" fill="#45464D"/>
<path d="M470 40C470 34.4772 465.523 30 460 30C454.477 30 450 34.4772 450 40C450 45.5228 454.477 50 460 50C465.523 50 470 45.5228 470 40Z" fill="#45464D"/>
<g opacity="0.8">
<path d="M239 70H190C181.716 70 175 76.7157 175 85V145C175 153.284 181.716 160 190 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H190C181.716 165 175 171.716 175 180V203C175 211.284 181.716 218 190 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M310 223H190C181.716 223 175 229.716 175 238V365C175 373.284 181.716 380 190 380H310C318.284 380 325 373.284 325 365V238C325 229.716 318.284 223 310 223Z" fill="white"/>
<path d="M465 223H345C336.716 223 330 229.716 330 238V365C330 373.284 336.716 380 345 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_1046">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

35
public/assets/images/layouts/topbar-light.svg Executable file
View File

@@ -0,0 +1,35 @@
<svg width="500" height="400" viewBox="0 0 500 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_946_1072)">
<path d="M495 0H5C2.23858 0 0 2.23858 0 5V395C0 397.761 2.23858 400 5 400H495C497.761 400 500 397.761 500 395V5C500 2.23858 497.761 0 495 0Z" fill="#F1F2F7"/>
<mask id="mask0_946_1072" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="20" width="145" height="360">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
</mask>
<g mask="url(#mask0_946_1072)">
<path d="M150 20H35C26.7157 20 20 26.7157 20 35V365C20 373.284 26.7157 380 35 380H150C158.284 380 165 373.284 165 365V35C165 26.7157 158.284 20 150 20Z" fill="white"/>
<path d="M137.5 85H47.5C40.5964 85 35 90.5964 35 97.5C35 104.404 40.5964 110 47.5 110H137.5C144.404 110 150 104.404 150 97.5C150 90.5964 144.404 85 137.5 85Z" fill="#F1F2F7"/>
<path d="M137.5 121H47.5C40.5964 121 35 126.596 35 133.5C35 140.404 40.5964 146 47.5 146H137.5C144.404 146 150 140.404 150 133.5C150 126.596 144.404 121 137.5 121Z" fill="#F1F2F7"/>
<path d="M137.5 157H47.5C40.5964 157 35 162.596 35 169.5C35 176.404 40.5964 182 47.5 182H137.5C144.404 182 150 176.404 150 169.5C150 162.596 144.404 157 137.5 157Z" fill="#F1F2F7"/>
<path d="M137.5 193H47.5C40.5964 193 35 198.596 35 205.5C35 212.404 40.5964 218 47.5 218H137.5C144.404 218 150 212.404 150 205.5C150 198.596 144.404 193 137.5 193Z" fill="#F1F2F7"/>
<circle cx="38.5" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
<rect x="50" y="48.5049" width="35" height="5" fill="#EDEEF3"/>
<circle cx="96.5001" cy="51.0049" r="3.50005" fill="#EDEEF3"/>
</g>
<path d="M465 20H190C181.716 20 175 26.7157 175 35V45C175 53.2843 181.716 60 190 60H465C473.284 60 480 53.2843 480 45V35C480 26.7157 473.284 20 465 20Z" fill="white"/>
<path d="M290 30H195C189.477 30 185 34.4772 185 40C185 45.5228 189.477 50 195 50H290C295.523 50 300 45.5228 300 40C300 34.4772 295.523 30 290 30Z" fill="#F1F2F7"/>
<path d="M440 40C440 34.4772 435.523 30 430 30C424.477 30 420 34.4772 420 40C420 45.5228 424.477 50 430 50C435.523 50 440 45.5228 440 40Z" fill="#F1F2F7"/>
<path d="M470 40C470 34.4772 465.523 30 460 30C454.477 30 450 34.4772 450 40C450 45.5228 454.477 50 460 50C465.523 50 470 45.5228 470 40Z" fill="#F1F2F7"/>
<g opacity="0.8">
<path d="M239 70H190C181.716 70 175 76.7157 175 85V145C175 153.284 181.716 160 190 160H239C247.284 160 254 153.284 254 145V85C254 76.7157 247.284 70 239 70Z" fill="white"/>
<path d="M352 70H274C265.716 70 259 76.7157 259 85V145C259 153.284 265.716 160 274 160H352C360.284 160 367 153.284 367 145V85C367 76.7157 360.284 70 352 70Z" fill="white"/>
<path d="M465 70H387C378.716 70 372 76.7157 372 85V145C372 153.284 378.716 160 387 160H465C473.284 160 480 153.284 480 145V85C480 76.7157 473.284 70 465 70Z" fill="white"/>
<path d="M465 165H190C181.716 165 175 171.716 175 180V203C175 211.284 181.716 218 190 218H465C473.284 218 480 211.284 480 203V180C480 171.716 473.284 165 465 165Z" fill="white"/>
<path d="M310 223H190C181.716 223 175 229.716 175 238V365C175 373.284 181.716 380 190 380H310C318.284 380 325 373.284 325 365V238C325 229.716 318.284 223 310 223Z" fill="white"/>
<path d="M465 223H345C336.716 223 330 229.716 330 238V365C330 373.284 336.716 380 345 380H465C473.284 380 480 373.284 480 365V238C480 229.716 473.284 223 465 223Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_946_1072">
<rect width="500" height="400" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB