public/front.admin
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

INIT

Browse Source
This commit is contained in:
Bartek PC-KADR
2022-04-12 07:26:41 +02:00
commit fbdacea3e3
1363 changed files with 776066 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/assets/svg/layouts-light/content-combinations-container-overlay.svg Normal file
View File

@@ -0,0 +1,29 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16.5" y="10.5" width="167" height="123" rx="3.5" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<circle cx="21.5" cy="15.5" r="1.5" fill="#ED6B5F"/>
<circle cx="27.5" cy="15.5" r="1.5" fill="#F7D289"/>
<circle cx="33.5" cy="15.5" r="1.5" fill="#61C454"/>
<rect x="17" y="29" width="166" height="31" fill="#17181A"/>
<rect x="17" y="28" width="166" height="1" fill="#4B5055"/>
<rect x="172" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="166" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="160" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="154" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="20" width="166" height="1" fill="#4B5055"/>
<rect x="25" y="23" width="13" height="3" rx="1.5" fill="white"/>
<g filter="url(#filter0_d_129:2)">
<rect x="25" y="35" width="150" height="93" rx="3" fill="#25282A"/>
</g>
<defs>
<filter id="filter0_d_129:2" x="20" y="33" width="160" height="103" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3"/>
<feGaussianBlur stdDeviation="2.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.54902 0 0 0 0 0.596078 0 0 0 0 0.643137 0 0 0 0.125 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_129:2"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_129:2" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

23
src/assets/svg/layouts-light/content-combinations-content-centered.svg Normal file
View File

@@ -0,0 +1,23 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M180 10.5H20C18.067 10.5 16.5 12.067 16.5 14V130C16.5 131.933 18.067 133.5 20 133.5H180C181.933 133.5 183.5 131.933 183.5 130V14C183.5 12.067 181.933 10.5 180 10.5Z" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<path d="M21.5 17C22.3284 17 23 16.3284 23 15.5C23 14.6716 22.3284 14 21.5 14C20.6716 14 20 14.6716 20 15.5C20 16.3284 20.6716 17 21.5 17Z" fill="#ED6B5F"/>
<path d="M27.5 17C28.3284 17 29 16.3284 29 15.5C29 14.6716 28.3284 14 27.5 14C26.6716 14 26 14.6716 26 15.5C26 16.3284 26.6716 17 27.5 17Z" fill="#F7D289"/>
<path d="M33.5 17C34.3284 17 35 16.3284 35 15.5C35 14.6716 34.3284 14 33.5 14C32.6716 14 32 14.6716 32 15.5C32 16.3284 32.6716 17 33.5 17Z" fill="#61C454"/>
<path d="M17 21H61V133H20C18.3431 133 17 131.657 17 130V21Z" fill="#17181A"/>
<path d="M44.5 61H26.5C25.6716 61 25 61.6716 25 62.5C25 63.3284 25.6716 64 26.5 64H44.5C45.3284 64 46 63.3284 46 62.5C46 61.6716 45.3284 61 44.5 61Z" fill="#4B5055"/>
<path d="M46.5 70H26.5C25.6716 70 25 70.6716 25 71.5C25 72.3284 25.6716 73 26.5 73H46.5C47.3284 73 48 72.3284 48 71.5C48 70.6716 47.3284 70 46.5 70Z" fill="#4B5055"/>
<path d="M33.5 80H26.5C25.6716 80 25 80.6716 25 81.5C25 82.3284 25.6716 83 26.5 83H33.5C34.3284 83 35 82.3284 35 81.5C35 80.6716 34.3284 80 33.5 80Z" fill="#4B5055"/>
<path d="M39.5 90H26.5C25.6716 90 25 90.6716 25 91.5C25 92.3284 25.6716 93 26.5 93H39.5C40.3284 93 41 92.3284 41 91.5C41 90.6716 40.3284 90 39.5 90Z" fill="#4B5055"/>
<path d="M51.5 100H26.5C25.6716 100 25 100.672 25 101.5C25 102.328 25.6716 103 26.5 103H51.5C52.3284 103 53 102.328 53 101.5C53 100.672 52.3284 100 51.5 100Z" fill="#4B5055"/>
<path d="M61 118H17V119H61V118Z" fill="#D9DDEA" fill-opacity="0.4"/>
<path d="M31 126C31 124.895 30.1046 124 29 124C27.8954 124 27 124.895 27 126C27 127.105 27.8954 128 29 128C30.1046 128 31 127.105 31 126Z" fill="#4B5055"/>
<path d="M41 126C41 124.895 40.1046 124 39 124C37.8954 124 37 124.895 37 126C37 127.105 37.8954 128 39 128C40.1046 128 41 127.105 41 126Z" fill="#4B5055"/>
<path d="M51 126C51 124.895 50.1046 124 49 124C47.8954 124 47 124.895 47 126C47 127.105 47.8954 128 49 128C50.1046 128 51 127.105 51 126Z" fill="#4B5055"/>
<path d="M49.5 52H26.5C25.6716 52 25 52.6716 25 53.5C25 54.3284 25.6716 55 26.5 55H49.5C50.3284 55 51 54.3284 51 53.5C51 52.6716 50.3284 52 49.5 52Z" fill="#4B5055"/>
<path d="M44.5 43H26.5C25.6716 43 25 43.6716 25 44.5C25 45.3284 25.6716 46 26.5 46H44.5C45.3284 46 46 45.3284 46 44.5C46 43.6716 45.3284 43 44.5 43Z" fill="#4B5055"/>
<path d="M35.5 31H27.5C26.1193 31 25 32.1193 25 33.5C25 34.8807 26.1193 36 27.5 36H35.5C36.8807 36 38 34.8807 38 33.5C38 32.1193 36.8807 31 35.5 31Z" fill="#25282A"/>
<path d="M62 21H61V133H62V21Z" fill="#4B5055"/>
<path d="M183 20H17V21H183V20Z" fill="#4B5055"/>
<rect x="83" y="26" width="80" height="103" rx="3" fill="#25282A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

43
src/assets/svg/layouts-light/content-combinations-overlay.svg Normal file
View File

@@ -0,0 +1,43 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16.5" y="10.5" width="167" height="123" rx="3.5" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<circle cx="21.5" cy="15.5" r="1.5" fill="#ED6B5F"/>
<circle cx="27.5" cy="15.5" r="1.5" fill="#F7D289"/>
<circle cx="33.5" cy="15.5" r="1.5" fill="#61C454"/>
<path d="M17 21H61V133H20C18.3431 133 17 131.657 17 130V21Z" fill="#25282A"/>
<rect x="62" y="21" width="121" height="7" fill="#25282A"/>
<rect x="25" y="61" width="21" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="70" width="23" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="80" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="90" width="16" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="100" width="28" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="118" width="44" height="1" fill="#4B5055"/>
<rect x="27" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="37" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="47" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="25" y="52" width="26" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="43" width="21" height="3" rx="1.5" fill="#4B5055"/>
<rect x="172" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="166" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="160" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="154" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="20" width="166" height="1" fill="#4B5055"/>
<rect x="62" y="28" width="121" height="1" fill="#4B5055"/>
<rect x="25" y="31" width="13" height="5" rx="2.5" fill="white"/>
<rect x="61" y="21" width="1" height="112" fill="#4B5055"/>
<rect x="62" y="29" width="121" height="31" fill="#17181A"/>
<g filter="url(#filter0_d_128:53)">
<rect x="71" y="35" width="104" height="93" rx="3" fill="#25282A"/>
</g>
<defs>
<filter id="filter0_d_128:53" x="66" y="33" width="114" height="103" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3"/>
<feGaussianBlur stdDeviation="2.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.54902 0 0 0 0 0.596078 0 0 0 0 0.643137 0 0 0 0.125 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_128:53"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_128:53" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

36
src/assets/svg/layouts-light/demo-layouts-default-classic.svg Normal file
View File

@@ -0,0 +1,36 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16.5" y="10.5" width="167" height="123" rx="3.5" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<circle cx="21.5" cy="15.5" r="1.5" fill="#ED6B5F"/>
<circle cx="27.5" cy="15.5" r="1.5" fill="#F7D289"/>
<circle cx="33.5" cy="15.5" r="1.5" fill="#61C454"/>
<path d="M17 21H61V133H20C18.3431 133 17 131.657 17 130V21Z" fill="#25282A"/>
<rect x="62" y="21" width="121" height="7" fill="#25282A"/>
<rect x="31" y="70" width="17" height="3" rx="1.5" fill="#4B5055"/>
<rect x="31" y="80" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="31" y="90" width="16" height="3" rx="1.5" fill="#4B5055"/>
<rect x="31" y="100" width="22" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="118" width="44" height="1" fill="#4B5055"/>
<rect x="27" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="37" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="47" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="172" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="166" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="160" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="154" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="70" y="23" width="17" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="20" width="166" height="1" fill="#4B5055"/>
<rect x="62" y="28" width="121" height="1" fill="#4B5055"/>
<rect x="25" y="31" width="13" height="5" rx="2.5" fill="white"/>
<rect x="61" y="21" width="1" height="112" fill="#4B5055"/>
<rect x="31.0923" y="50.7538" width="21.0462" height="4.70769" rx="1.10769" fill="#3D4145" fill-opacity="0.7"/>
<rect x="32.4769" y="52.1385" width="9.69231" height="1.93846" rx="0.969231" fill="#4B5055"/>
<rect x="31.0923" y="57.9538" width="21.0462" height="3.04615" rx="1.52308" fill="#4B5055"/>
<rect x="31.0923" y="43" width="21.0462" height="3.87692" rx="1.93846" fill="white"/>
<rect x="25" y="43" width="3.87692" height="3.87692" rx="1.93846" fill="white"/>
<rect x="25" y="70" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="80" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="90" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="100" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="26.6615" y="50.7538" width="0.830769" height="10.2462" fill="#4B5055"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

36
src/assets/svg/layouts-light/demo-layouts-nav-tabs.svg Normal file
View File

@@ -0,0 +1,36 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16.5" y="10.5" width="167" height="123" rx="3.5" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<circle cx="21.5" cy="15.5" r="1.5" fill="#ED6B5F"/>
<circle cx="27.5" cy="15.5" r="1.5" fill="#F7D289"/>
<circle cx="33.5" cy="15.5" r="1.5" fill="#61C454"/>
<path d="M17 21H61V133H20C18.3431 133 17 131.657 17 130V21Z" fill="#25282A"/>
<rect x="62" y="21" width="121" height="7" fill="#25282A"/>
<rect x="31" y="61" width="15" height="3" rx="1.5" fill="#4B5055"/>
<rect x="31" y="70" width="17" height="3" rx="1.5" fill="#4B5055"/>
<rect x="31" y="80" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="31" y="90" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="31" y="100" width="22" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="118" width="44" height="1" fill="#4B5055"/>
<rect x="27" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="37" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="47" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="172" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="166" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="160" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="154" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="70" y="23" width="17" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="20" width="166" height="1" fill="#4B5055"/>
<rect x="62" y="28" width="121" height="1" fill="#4B5055"/>
<rect x="25" y="31" width="13" height="5" rx="2.5" fill="white"/>
<rect x="61" y="21" width="1" height="112" fill="#4B5055"/>
<rect x="31" y="52" width="18" height="2" rx="1" fill="white"/>
<rect x="31" y="45" width="21" height="3" rx="1.5" fill="white"/>
<rect x="25" y="45" width="3.36842" height="3.36842" rx="1.68421" fill="white"/>
<rect x="25" y="61" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="70" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="80" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="90" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="100" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="44" width="1" height="6" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

13
src/assets/svg/layouts-light/footer-default-container.svg Normal file
View File

@@ -0,0 +1,13 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M180 10.5H20C18.067 10.5 16.5 12.067 16.5 14V130C16.5 131.933 18.067 133.5 20 133.5H180C181.933 133.5 183.5 131.933 183.5 130V14C183.5 12.067 181.933 10.5 180 10.5Z" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<path d="M21.5 17C22.3284 17 23 16.3284 23 15.5C23 14.6716 22.3284 14 21.5 14C20.6716 14 20 14.6716 20 15.5C20 16.3284 20.6716 17 21.5 17Z" fill="#ED6B5F"/>
<path d="M27.5 17C28.3284 17 29 16.3284 29 15.5C29 14.6716 28.3284 14 27.5 14C26.6716 14 26 14.6716 26 15.5C26 16.3284 26.6716 17 27.5 17Z" fill="#F7D289"/>
<path d="M33.5 17C34.3284 17 35 16.3284 35 15.5C35 14.6716 34.3284 14 33.5 14C32.6716 14 32 14.6716 32 15.5C32 16.3284 32.6716 17 33.5 17Z" fill="#61C454"/>
<path d="M183 20H17V21H183V20Z" fill="#4B5055"/>
<path d="M183 118H17V119H183V118Z" fill="#4B5055"/>
<path d="M50.5 125H30.5C29.6716 125 29 125.672 29 126.5C29 127.328 29.6716 128 30.5 128H50.5C51.3284 128 52 127.328 52 126.5C52 125.672 51.3284 125 50.5 125Z" fill="#4B5055"/>
<path d="M151 126C151 124.895 150.105 124 149 124C147.895 124 147 124.895 147 126C147 127.105 147.895 128 149 128C150.105 128 151 127.105 151 126Z" fill="#4B5055"/>
<path d="M161 126C161 124.895 160.105 124 159 124C157.895 124 157 124.895 157 126C157 127.105 157.895 128 159 128C160.105 128 161 127.105 161 126Z" fill="#4B5055"/>
<path d="M171 126C171 124.895 170.105 124 169 124C167.895 124 167 124.895 167 126C167 127.105 167.895 128 169 128C170.105 128 171 127.105 171 126Z" fill="#4B5055"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

20
src/assets/svg/layouts-light/header-default-container.svg Normal file
View File

@@ -0,0 +1,20 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16.5" y="10.5" width="167" height="123" rx="3.5" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<circle cx="21.5" cy="15.5" r="1.5" fill="#ED6B5F"/>
<circle cx="27.5" cy="15.5" r="1.5" fill="#F7D289"/>
<circle cx="33.5" cy="15.5" r="1.5" fill="#61C454"/>
<rect x="17" y="21" width="166" height="7" fill="#25282A"/>
<rect x="172" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="166" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="160" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="154" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="50" y="23" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="64" y="23" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="78" y="23" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="92" y="23" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="106" y="23" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="20" width="166" height="1" fill="#4B5055"/>
<rect x="17" y="28" width="166" height="1" fill="#4B5055"/>
<rect x="25" y="23" width="13" height="3" rx="1.5" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

23
src/assets/svg/layouts-light/header-double-line-container.svg Normal file
View File

@@ -0,0 +1,23 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16.5" y="10.5" width="167" height="123" rx="3.5" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<circle cx="21.5" cy="15.5" r="1.5" fill="#ED6B5F"/>
<circle cx="27.5" cy="15.5" r="1.5" fill="#F7D289"/>
<circle cx="33.5" cy="15.5" r="1.5" fill="#61C454"/>
<rect x="17" y="28" width="166" height="7" fill="#25282A"/>
<rect x="25" y="30" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="39" y="30" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="53" y="30" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="67" y="30" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="81" y="30" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="95" y="30" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="20" width="166" height="1" fill="#4B5055"/>
<rect x="17" y="35" width="166" height="1" fill="#4B5055"/>
<rect x="17" y="21" width="166" height="7" fill="#17181A"/>
<rect x="173" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="167" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="161" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="155" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="45" y="23" width="17" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="23" width="13" height="3" rx="1.5" fill="#25282A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

34
src/assets/svg/layouts-light/sidebar-combinations-mini-plus-one-cols.svg Normal file
View File

@@ -0,0 +1,34 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16.5" y="10.5" width="167" height="123" rx="3.5" fill="#1E2022" stroke="#4B5055"/>
<rect x="31" y="21" width="44" height="112" fill="#25282A"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<circle cx="21.5" cy="15.5" r="1.5" fill="#ED6B5F"/>
<circle cx="27.5" cy="15.5" r="1.5" fill="#F7D289"/>
<circle cx="33.5" cy="15.5" r="1.5" fill="#61C454"/>
<path d="M17 21H31V133H20C18.3431 133 17 131.657 17 130V21Z" fill="#17181A"/>
<rect x="22" y="56" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="22" y="65" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="22" y="75" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="22" y="85" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="17" y="118" width="14" height="1" fill="#D9DDEA" fill-opacity="0.4"/>
<rect x="22" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="22" y="47" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="22" y="38" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="20" y="24" width="8" height="5" rx="2.5" fill="#25282A"/>
<rect x="22" y="95" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="17" y="20" width="166" height="1" fill="#4B5055"/>
<path d="M58.5 65H40.5C39.6716 65 39 65.6716 39 66.5C39 67.3284 39.6716 68 40.5 68H58.5C59.3284 68 60 67.3284 60 66.5C60 65.6716 59.3284 65 58.5 65Z" fill="#4B5055"/>
<path d="M60.5 74H40.5C39.6716 74 39 74.6716 39 75.5C39 76.3284 39.6716 77 40.5 77H60.5C61.3284 77 62 76.3284 62 75.5C62 74.6716 61.3284 74 60.5 74Z" fill="#4B5055"/>
<path d="M47.5 84H40.5C39.6716 84 39 84.6716 39 85.5C39 86.3284 39.6716 87 40.5 87H47.5C48.3284 87 49 86.3284 49 85.5C49 84.6716 48.3284 84 47.5 84Z" fill="#4B5055"/>
<path d="M53.5 94H40.5C39.6716 94 39 94.6716 39 95.5C39 96.3284 39.6716 97 40.5 97H53.5C54.3284 97 55 96.3284 55 95.5C55 94.6716 54.3284 94 53.5 94Z" fill="#4B5055"/>
<path d="M65.5 104H40.5C39.6716 104 39 104.672 39 105.5C39 106.328 39.6716 107 40.5 107H65.5C66.3284 107 67 106.328 67 105.5C67 104.672 66.3284 104 65.5 104Z" fill="#4B5055"/>
<path d="M75 118H31V119H75V118Z" fill="#4B5055"/>
<path d="M45 126C45 124.895 44.1046 124 43 124C41.8954 124 41 124.895 41 126C41 127.105 41.8954 128 43 128C44.1046 128 45 127.105 45 126Z" fill="#4B5055"/>
<path d="M55 126C55 124.895 54.1046 124 53 124C51.8954 124 51 124.895 51 126C51 127.105 51.8954 128 53 128C54.1046 128 55 127.105 55 126Z" fill="#4B5055"/>
<path d="M65 126C65 124.895 64.1046 124 63 124C61.8954 124 61 124.895 61 126C61 127.105 61.8954 128 63 128C64.1046 128 65 127.105 65 126Z" fill="#4B5055"/>
<path d="M63.5 56H40.5C39.6716 56 39 56.6716 39 57.5C39 58.3284 39.6716 59 40.5 59H63.5C64.3284 59 65 58.3284 65 57.5C65 56.6716 64.3284 56 63.5 56Z" fill="#4B5055"/>
<path d="M58.5 47H40.5C39.6716 47 39 47.6716 39 48.5C39 49.3284 39.6716 50 40.5 50H58.5C59.3284 50 60 49.3284 60 48.5C60 47.6716 59.3284 47 58.5 47Z" fill="#4B5055"/>
<path d="M58.5 38H40.5C39.6716 38 39 38.6716 39 39.5C39 40.3284 39.6716 41 40.5 41H58.5C59.3284 41 60 40.3284 60 39.5C60 38.6716 59.3284 38 58.5 38Z" fill="#4B5055"/>
<path d="M58.5 29H40.5C39.6716 29 39 29.6716 39 30.5C39 31.3284 39.6716 32 40.5 32H58.5C59.3284 32 60 31.3284 60 30.5C60 29.6716 59.3284 29 58.5 29Z" fill="#4B5055"/>
<path d="M76 21H75V133H76V21Z" fill="#4B5055"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

26
src/assets/svg/layouts-light/sidebar-combinations-two-cols-between.svg Normal file
View File

@@ -0,0 +1,26 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M180 10.5H20C18.067 10.5 16.5 12.067 16.5 14V130C16.5 131.933 18.067 133.5 20 133.5H180C181.933 133.5 183.5 131.933 183.5 130V14C183.5 12.067 181.933 10.5 180 10.5Z" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<path d="M21.5 17C22.3284 17 23 16.3284 23 15.5C23 14.6716 22.3284 14 21.5 14C20.6716 14 20 14.6716 20 15.5C20 16.3284 20.6716 17 21.5 17Z" fill="#ED6B5F"/>
<path d="M27.5 17C28.3284 17 29 16.3284 29 15.5C29 14.6716 28.3284 14 27.5 14C26.6716 14 26 14.6716 26 15.5C26 16.3284 26.6716 17 27.5 17Z" fill="#F7D289"/>
<path d="M33.5 17C34.3284 17 35 16.3284 35 15.5C35 14.6716 34.3284 14 33.5 14C32.6716 14 32 14.6716 32 15.5C32 16.3284 32.6716 17 33.5 17Z" fill="#61C454"/>
<path d="M17 21H61V133H20C18.3431 133 17 131.657 17 130V21Z" fill="#25282A"/>
<path d="M142 21H183V130C183 131.657 181.657 133 180 133H142V21Z" fill="#25282A"/>
<path d="M44.5 61H26.5C25.6716 61 25 61.6716 25 62.5C25 63.3284 25.6716 64 26.5 64H44.5C45.3284 64 46 63.3284 46 62.5C46 61.6716 45.3284 61 44.5 61Z" fill="#4B5055"/>
<path d="M46.5 70H26.5C25.6716 70 25 70.6716 25 71.5C25 72.3284 25.6716 73 26.5 73H46.5C47.3284 73 48 72.3284 48 71.5C48 70.6716 47.3284 70 46.5 70Z" fill="#4B5055"/>
<path d="M33.5 80H26.5C25.6716 80 25 80.6716 25 81.5C25 82.3284 25.6716 83 26.5 83H33.5C34.3284 83 35 82.3284 35 81.5C35 80.6716 34.3284 80 33.5 80Z" fill="#4B5055"/>
<path d="M39.5 90H26.5C25.6716 90 25 90.6716 25 91.5C25 92.3284 25.6716 93 26.5 93H39.5C40.3284 93 41 92.3284 41 91.5C41 90.6716 40.3284 90 39.5 90Z" fill="#4B5055"/>
<path d="M51.5 100H26.5C25.6716 100 25 100.672 25 101.5C25 102.328 25.6716 103 26.5 103H51.5C52.3284 103 53 102.328 53 101.5C53 100.672 52.3284 100 51.5 100Z" fill="#4B5055"/>
<path d="M61 118H17V119H61V118Z" fill="#4B5055"/>
<path d="M31 126C31 124.895 30.1046 124 29 124C27.8954 124 27 124.895 27 126C27 127.105 27.8954 128 29 128C30.1046 128 31 127.105 31 126Z" fill="#4B5055"/>
<path d="M41 126C41 124.895 40.1046 124 39 124C37.8954 124 37 124.895 37 126C37 127.105 37.8954 128 39 128C40.1046 128 41 127.105 41 126Z" fill="#4B5055"/>
<path d="M51 126C51 124.895 50.1046 124 49 124C47.8954 124 47 124.895 47 126C47 127.105 47.8954 128 49 128C50.1046 128 51 127.105 51 126Z" fill="#4B5055"/>
<path d="M49.5 52H26.5C25.6716 52 25 52.6716 25 53.5C25 54.3284 25.6716 55 26.5 55H49.5C50.3284 55 51 54.3284 51 53.5C51 52.6716 50.3284 52 49.5 52Z" fill="#4B5055"/>
<path d="M44.5 43H26.5C25.6716 43 25 43.6716 25 44.5C25 45.3284 25.6716 46 26.5 46H44.5C45.3284 46 46 45.3284 46 44.5C46 43.6716 45.3284 43 44.5 43Z" fill="#4B5055"/>
<path d="M169.786 71H155.214C154.544 71 154 71.4477 154 72C154 72.5523 154.544 73 155.214 73H169.786C170.456 73 171 72.5523 171 72C171 71.4477 170.456 71 169.786 71Z" fill="#4B5055"/>
<path d="M174.929 76H150.071C148.927 76 148 76.8954 148 78C148 79.1046 148.927 80 150.071 80H174.929C176.073 80 177 79.1046 177 78C177 76.8954 176.073 76 174.929 76Z" fill="#4B5055"/>
<path d="M35.5 31H27.5C26.1193 31 25 32.1193 25 33.5C25 34.8807 26.1193 36 27.5 36H35.5C36.8807 36 38 34.8807 38 33.5C38 32.1193 36.8807 31 35.5 31Z" fill="white"/>
<path d="M62 21H61V133H62V21Z" fill="#4B5055"/>
<path d="M142 21H141V133H142V21Z" fill="#4B5055"/>
<path d="M183 20H17V21H183V20Z" fill="#4B5055"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

26
src/assets/svg/layouts-light/sidebar-combinations-two-cols.svg Normal file
View File

@@ -0,0 +1,26 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M180 10.5H20C18.067 10.5 16.5 12.067 16.5 14V130C16.5 131.933 18.067 133.5 20 133.5H180C181.933 133.5 183.5 131.933 183.5 130V14C183.5 12.067 181.933 10.5 180 10.5Z" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<path d="M21.5 17C22.3284 17 23 16.3284 23 15.5C23 14.6716 22.3284 14 21.5 14C20.6716 14 20 14.6716 20 15.5C20 16.3284 20.6716 17 21.5 17Z" fill="#ED6B5F"/>
<path d="M27.5 17C28.3284 17 29 16.3284 29 15.5C29 14.6716 28.3284 14 27.5 14C26.6716 14 26 14.6716 26 15.5C26 16.3284 26.6716 17 27.5 17Z" fill="#F7D289"/>
<path d="M33.5 17C34.3284 17 35 16.3284 35 15.5C35 14.6716 34.3284 14 33.5 14C32.6716 14 32 14.6716 32 15.5C32 16.3284 32.6716 17 33.5 17Z" fill="#61C454"/>
<path d="M17 21H61V133H20C18.3431 133 17 131.657 17 130V21Z" fill="#25282A"/>
<path d="M62 21H106V133H65C63.3431 133 62 131.657 62 130V21Z" fill="#25282A"/>
<path d="M44.5 61H26.5C25.6716 61 25 61.6716 25 62.5C25 63.3284 25.6716 64 26.5 64H44.5C45.3284 64 46 63.3284 46 62.5C46 61.6716 45.3284 61 44.5 61Z" fill="#4B5055"/>
<path d="M46.5 70H26.5C25.6716 70 25 70.6716 25 71.5C25 72.3284 25.6716 73 26.5 73H46.5C47.3284 73 48 72.3284 48 71.5C48 70.6716 47.3284 70 46.5 70Z" fill="#4B5055"/>
<path d="M33.5 80H26.5C25.6716 80 25 80.6716 25 81.5C25 82.3284 25.6716 83 26.5 83H33.5C34.3284 83 35 82.3284 35 81.5C35 80.6716 34.3284 80 33.5 80Z" fill="#4B5055"/>
<path d="M39.5 90H26.5C25.6716 90 25 90.6716 25 91.5C25 92.3284 25.6716 93 26.5 93H39.5C40.3284 93 41 92.3284 41 91.5C41 90.6716 40.3284 90 39.5 90Z" fill="#4B5055"/>
<path d="M51.5 100H26.5C25.6716 100 25 100.672 25 101.5C25 102.328 25.6716 103 26.5 103H51.5C52.3284 103 53 102.328 53 101.5C53 100.672 52.3284 100 51.5 100Z" fill="#4B5055"/>
<path d="M61 118H17V119H61V118Z" fill="#4B5055"/>
<path d="M31 126C31 124.895 30.1046 124 29 124C27.8954 124 27 124.895 27 126C27 127.105 27.8954 128 29 128C30.1046 128 31 127.105 31 126Z" fill="#4B5055"/>
<path d="M41 126C41 124.895 40.1046 124 39 124C37.8954 124 37 124.895 37 126C37 127.105 37.8954 128 39 128C40.1046 128 41 127.105 41 126Z" fill="#4B5055"/>
<path d="M51 126C51 124.895 50.1046 124 49 124C47.8954 124 47 124.895 47 126C47 127.105 47.8954 128 49 128C50.1046 128 51 127.105 51 126Z" fill="#4B5055"/>
<path d="M49.5 52H26.5C25.6716 52 25 52.6716 25 53.5C25 54.3284 25.6716 55 26.5 55H49.5C50.3284 55 51 54.3284 51 53.5C51 52.6716 50.3284 52 49.5 52Z" fill="#4B5055"/>
<path d="M44.5 43H26.5C25.6716 43 25 43.6716 25 44.5C25 45.3284 25.6716 46 26.5 46H44.5C45.3284 46 46 45.3284 46 44.5C46 43.6716 45.3284 43 44.5 43Z" fill="#4B5055"/>
<path d="M90.7857 71H76.2143C75.5437 71 75 71.4477 75 72C75 72.5523 75.5437 73 76.2143 73H90.7857C91.4563 73 92 72.5523 92 72C92 71.4477 91.4563 71 90.7857 71Z" fill="#4B5055"/>
<path d="M95.9286 76H71.0714C69.9274 76 69 76.8954 69 78C69 79.1046 69.9274 80 71.0714 80H95.9286C97.0726 80 98 79.1046 98 78C98 76.8954 97.0726 76 95.9286 76Z" fill="#4B5055"/>
<path d="M35.5 31H27.5C26.1193 31 25 32.1193 25 33.5C25 34.8807 26.1193 36 27.5 36H35.5C36.8807 36 38 34.8807 38 33.5C38 32.1193 36.8807 31 35.5 31Z" fill="white"/>
<path d="M62 21H61V133H62V21Z" fill="#4B5055"/>
<path d="M107 21H106V133H107V21Z" fill="#4B5055"/>
<path d="M183 20H17V21H183V20Z" fill="#4B5055"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

37
src/assets/svg/layouts-light/sidebar-combinations-two-plus-mini-cols.svg Normal file
View File

@@ -0,0 +1,37 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M180 10.5H20C18.067 10.5 16.5 12.067 16.5 14V130C16.5 131.933 18.067 133.5 20 133.5H180C181.933 133.5 183.5 131.933 183.5 130V14C183.5 12.067 181.933 10.5 180 10.5Z" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<path d="M21.5 17C22.3284 17 23 16.3284 23 15.5C23 14.6716 22.3284 14 21.5 14C20.6716 14 20 14.6716 20 15.5C20 16.3284 20.6716 17 21.5 17Z" fill="#ED6B5F"/>
<path d="M27.5 17C28.3284 17 29 16.3284 29 15.5C29 14.6716 28.3284 14 27.5 14C26.6716 14 26 14.6716 26 15.5C26 16.3284 26.6716 17 27.5 17Z" fill="#F7D289"/>
<path d="M33.5 17C34.3284 17 35 16.3284 35 15.5C35 14.6716 34.3284 14 33.5 14C32.6716 14 32 14.6716 32 15.5C32 16.3284 32.6716 17 33.5 17Z" fill="#61C454"/>
<path d="M17 21H61V133H20C18.3431 133 17 131.657 17 130V21Z" fill="#25282A"/>
<path d="M62 21H103V133H64.7955C63.2515 133 62 131.657 62 130V21Z" fill="#25282A"/>
<path d="M44.5 61H26.5C25.6716 61 25 61.6716 25 62.5C25 63.3284 25.6716 64 26.5 64H44.5C45.3284 64 46 63.3284 46 62.5C46 61.6716 45.3284 61 44.5 61Z" fill="#4B5055"/>
<path d="M46.5 70H26.5C25.6716 70 25 70.6716 25 71.5C25 72.3284 25.6716 73 26.5 73H46.5C47.3284 73 48 72.3284 48 71.5C48 70.6716 47.3284 70 46.5 70Z" fill="#4B5055"/>
<path d="M33.5 80H26.5C25.6716 80 25 80.6716 25 81.5C25 82.3284 25.6716 83 26.5 83H33.5C34.3284 83 35 82.3284 35 81.5C35 80.6716 34.3284 80 33.5 80Z" fill="#4B5055"/>
<path d="M39.5 90H26.5C25.6716 90 25 90.6716 25 91.5C25 92.3284 25.6716 93 26.5 93H39.5C40.3284 93 41 92.3284 41 91.5C41 90.6716 40.3284 90 39.5 90Z" fill="#4B5055"/>
<path d="M51.5 100H26.5C25.6716 100 25 100.672 25 101.5C25 102.328 25.6716 103 26.5 103H51.5C52.3284 103 53 102.328 53 101.5C53 100.672 52.3284 100 51.5 100Z" fill="#4B5055"/>
<path d="M61 118H17V119H61V118Z" fill="#4B5055"/>
<path d="M31 126C31 124.895 30.1046 124 29 124C27.8954 124 27 124.895 27 126C27 127.105 27.8954 128 29 128C30.1046 128 31 127.105 31 126Z" fill="#4B5055"/>
<path d="M41 126C41 124.895 40.1046 124 39 124C37.8954 124 37 124.895 37 126C37 127.105 37.8954 128 39 128C40.1046 128 41 127.105 41 126Z" fill="#4B5055"/>
<path d="M51 126C51 124.895 50.1046 124 49 124C47.8954 124 47 124.895 47 126C47 127.105 47.8954 128 49 128C50.1046 128 51 127.105 51 126Z" fill="#4B5055"/>
<path d="M49.5 52H26.5C25.6716 52 25 52.6716 25 53.5C25 54.3284 25.6716 55 26.5 55H49.5C50.3284 55 51 54.3284 51 53.5C51 52.6716 50.3284 52 49.5 52Z" fill="#4B5055"/>
<path d="M44.5 43H26.5C25.6716 43 25 43.6716 25 44.5C25 45.3284 25.6716 46 26.5 46H44.5C45.3284 46 46 45.3284 46 44.5C46 43.6716 45.3284 43 44.5 43Z" fill="#4B5055"/>
<path d="M89.7857 71H75.2143C74.5437 71 74 71.4477 74 72C74 72.5523 74.5437 73 75.2143 73H89.7857C90.4563 73 91 72.5523 91 72C91 71.4477 90.4563 71 89.7857 71Z" fill="#4B5055"/>
<path d="M94.9286 76H70.0714C68.9274 76 68 76.8954 68 78C68 79.1046 68.9274 80 70.0714 80H94.9286C96.0726 80 97 79.1046 97 78C97 76.8954 96.0726 76 94.9286 76Z" fill="#4B5055"/>
<path d="M35.5 31H27.5C26.1193 31 25 32.1193 25 33.5C25 34.8807 26.1193 36 27.5 36H35.5C36.8807 36 38 34.8807 38 33.5C38 32.1193 36.8807 31 35.5 31Z" fill="white"/>
<path d="M62 21H61V133H62V21Z" fill="#4B5055"/>
<path d="M104 21H103V133H104V21Z" fill="#4B5055"/>
<path d="M183 20H17V21H183V20Z" fill="#4B5055"/>
<path d="M169 21H183V130C183 131.657 181.657 133 180 133H169V21Z" fill="#25282A"/>
<rect x="174" y="44" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="174" y="53" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="174" y="63" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="174" y="73" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="169" y="118" width="14" height="1" fill="#D9DDEA" fill-opacity="0.4"/>
<rect x="174" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="174" y="35" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="174" y="26" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="174" y="83" width="4" height="4" rx="2" fill="#4B5055"/>
<path d="M169 21H168V133H169V21Z" fill="#4B5055"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

21
src/assets/svg/layouts-light/sidebar-compact.svg Normal file
View File

@@ -0,0 +1,21 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M180 10.5H20C18.067 10.5 16.5 12.067 16.5 14V130C16.5 131.933 18.067 133.5 20 133.5H180C181.933 133.5 183.5 131.933 183.5 130V14C183.5 12.067 181.933 10.5 180 10.5Z" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<path d="M21.5 17C22.3284 17 23 16.3284 23 15.5C23 14.6716 22.3284 14 21.5 14C20.6716 14 20 14.6716 20 15.5C20 16.3284 20.6716 17 21.5 17Z" fill="#ED6B5F"/>
<path d="M27.5 17C28.3284 17 29 16.3284 29 15.5C29 14.6716 28.3284 14 27.5 14C26.6716 14 26 14.6716 26 15.5C26 16.3284 26.6716 17 27.5 17Z" fill="#F7D289"/>
<path d="M33.5 17C34.3284 17 35 16.3284 35 15.5C35 14.6716 34.3284 14 33.5 14C32.6716 14 32 14.6716 32 15.5C32 16.3284 32.6716 17 33.5 17Z" fill="#61C454"/>
<path d="M17 21H41V133H18.6364C17.7326 133 17 131.657 17 130V21Z" fill="#25282A"/>
<path d="M42 21H41V133H42V21Z" fill="#4B5055"/>
<path d="M183 20H17V21H183V20Z" fill="#4B5055"/>
<rect x="25" y="31" width="8" height="5" rx="2.5" fill="white"/>
<rect x="27" y="44" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="23" y="50" width="12" height="3" rx="1.5" fill="#4B5055"/>
<rect x="27" y="60" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="23" y="66" width="12" height="3" rx="1.5" fill="#4B5055"/>
<rect x="27" y="77" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="23" y="83" width="12" height="3" rx="1.5" fill="#4B5055"/>
<rect x="27" y="95" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="23" y="101" width="12" height="3" rx="1.5" fill="#4B5055"/>
<rect x="27" y="114" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="23" y="120" width="12" height="3" rx="1.5" fill="#4B5055"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

22
src/assets/svg/layouts-light/sidebar-dark.svg Normal file
View File

@@ -0,0 +1,22 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M180 10.5H20C18.067 10.5 16.5 12.067 16.5 14V130C16.5 131.933 18.067 133.5 20 133.5H180C181.933 133.5 183.5 131.933 183.5 130V14C183.5 12.067 181.933 10.5 180 10.5Z" fill="#25282A" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<path d="M21.5 17C22.3284 17 23 16.3284 23 15.5C23 14.6716 22.3284 14 21.5 14C20.6716 14 20 14.6716 20 15.5C20 16.3284 20.6716 17 21.5 17Z" fill="#ED6B5F"/>
<path d="M27.5 17C28.3284 17 29 16.3284 29 15.5C29 14.6716 28.3284 14 27.5 14C26.6716 14 26 14.6716 26 15.5C26 16.3284 26.6716 17 27.5 17Z" fill="#F7D289"/>
<path d="M33.5 17C34.3284 17 35 16.3284 35 15.5C35 14.6716 34.3284 14 33.5 14C32.6716 14 32 14.6716 32 15.5C32 16.3284 32.6716 17 33.5 17Z" fill="#61C454"/>
<path d="M17 21H61V133H20C18.3431 133 17 131.657 17 130V21Z" fill="#17181A"/>
<path d="M44.5 61H26.5C25.6716 61 25 61.6716 25 62.5C25 63.3284 25.6716 64 26.5 64H44.5C45.3284 64 46 63.3284 46 62.5C46 61.6716 45.3284 61 44.5 61Z" fill="#4B5055"/>
<path d="M46.5 70H26.5C25.6716 70 25 70.6716 25 71.5C25 72.3284 25.6716 73 26.5 73H46.5C47.3284 73 48 72.3284 48 71.5C48 70.6716 47.3284 70 46.5 70Z" fill="#4B5055"/>
<path d="M33.5 80H26.5C25.6716 80 25 80.6716 25 81.5C25 82.3284 25.6716 83 26.5 83H33.5C34.3284 83 35 82.3284 35 81.5C35 80.6716 34.3284 80 33.5 80Z" fill="#4B5055"/>
<path d="M39.5 90H26.5C25.6716 90 25 90.6716 25 91.5C25 92.3284 25.6716 93 26.5 93H39.5C40.3284 93 41 92.3284 41 91.5C41 90.6716 40.3284 90 39.5 90Z" fill="#4B5055"/>
<path d="M51.5 100H26.5C25.6716 100 25 100.672 25 101.5C25 102.328 25.6716 103 26.5 103H51.5C52.3284 103 53 102.328 53 101.5C53 100.672 52.3284 100 51.5 100Z" fill="#4B5055"/>
<path d="M61 118H17V119H61V118Z" fill="#D9DDEA" fill-opacity="0.4"/>
<path d="M31 126C31 124.895 30.1046 124 29 124C27.8954 124 27 124.895 27 126C27 127.105 27.8954 128 29 128C30.1046 128 31 127.105 31 126Z" fill="#4B5055"/>
<path d="M41 126C41 124.895 40.1046 124 39 124C37.8954 124 37 124.895 37 126C37 127.105 37.8954 128 39 128C40.1046 128 41 127.105 41 126Z" fill="#4B5055"/>
<path d="M51 126C51 124.895 50.1046 124 49 124C47.8954 124 47 124.895 47 126C47 127.105 47.8954 128 49 128C50.1046 128 51 127.105 51 126Z" fill="#4B5055"/>
<path d="M49.5 52H26.5C25.6716 52 25 52.6716 25 53.5C25 54.3284 25.6716 55 26.5 55H49.5C50.3284 55 51 54.3284 51 53.5C51 52.6716 50.3284 52 49.5 52Z" fill="#4B5055"/>
<path d="M44.5 43H26.5C25.6716 43 25 43.6716 25 44.5C25 45.3284 25.6716 46 26.5 46H44.5C45.3284 46 46 45.3284 46 44.5C46 43.6716 45.3284 43 44.5 43Z" fill="#4B5055"/>
<path d="M35.5 31H27.5C26.1193 31 25 32.1193 25 33.5C25 34.8807 26.1193 36 27.5 36H35.5C36.8807 36 38 34.8807 38 33.5C38 32.1193 36.8807 31 35.5 31Z" fill="#25282A"/>
<path d="M62 21H61V133H62V21Z" fill="#4B5055"/>
<path d="M183 20H17V21H183V20Z" fill="#4B5055"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

22
src/assets/svg/layouts-light/sidebar-default-classic.svg Normal file
View File

@@ -0,0 +1,22 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M180 10.5H20C18.067 10.5 16.5 12.067 16.5 14V130C16.5 131.933 18.067 133.5 20 133.5H180C181.933 133.5 183.5 131.933 183.5 130V14C183.5 12.067 181.933 10.5 180 10.5Z" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<path d="M21.5 17C22.3284 17 23 16.3284 23 15.5C23 14.6716 22.3284 14 21.5 14C20.6716 14 20 14.6716 20 15.5C20 16.3284 20.6716 17 21.5 17Z" fill="#ED6B5F"/>
<path d="M27.5 17C28.3284 17 29 16.3284 29 15.5C29 14.6716 28.3284 14 27.5 14C26.6716 14 26 14.6716 26 15.5C26 16.3284 26.6716 17 27.5 17Z" fill="#F7D289"/>
<path d="M33.5 17C34.3284 17 35 16.3284 35 15.5C35 14.6716 34.3284 14 33.5 14C32.6716 14 32 14.6716 32 15.5C32 16.3284 32.6716 17 33.5 17Z" fill="#61C454"/>
<path d="M17 21H61V133H20C18.3431 133 17 131.657 17 130V21Z" fill="#25282A"/>
<path d="M44.5 61H26.5C25.6716 61 25 61.6716 25 62.5C25 63.3284 25.6716 64 26.5 64H44.5C45.3284 64 46 63.3284 46 62.5C46 61.6716 45.3284 61 44.5 61Z" fill="#4B5055"/>
<path d="M46.5 70H26.5C25.6716 70 25 70.6716 25 71.5C25 72.3284 25.6716 73 26.5 73H46.5C47.3284 73 48 72.3284 48 71.5C48 70.6716 47.3284 70 46.5 70Z" fill="#4B5055"/>
<path d="M33.5 80H26.5C25.6716 80 25 80.6716 25 81.5C25 82.3284 25.6716 83 26.5 83H33.5C34.3284 83 35 82.3284 35 81.5C35 80.6716 34.3284 80 33.5 80Z" fill="#4B5055"/>
<path d="M39.5 90H26.5C25.6716 90 25 90.6716 25 91.5C25 92.3284 25.6716 93 26.5 93H39.5C40.3284 93 41 92.3284 41 91.5C41 90.6716 40.3284 90 39.5 90Z" fill="#4B5055"/>
<path d="M51.5 100H26.5C25.6716 100 25 100.672 25 101.5C25 102.328 25.6716 103 26.5 103H51.5C52.3284 103 53 102.328 53 101.5C53 100.672 52.3284 100 51.5 100Z" fill="#4B5055"/>
<path d="M61 118H17V119H61V118Z" fill="#4B5055"/>
<path d="M31 126C31 124.895 30.1046 124 29 124C27.8954 124 27 124.895 27 126C27 127.105 27.8954 128 29 128C30.1046 128 31 127.105 31 126Z" fill="#4B5055"/>
<path d="M41 126C41 124.895 40.1046 124 39 124C37.8954 124 37 124.895 37 126C37 127.105 37.8954 128 39 128C40.1046 128 41 127.105 41 126Z" fill="#4B5055"/>
<path d="M51 126C51 124.895 50.1046 124 49 124C47.8954 124 47 124.895 47 126C47 127.105 47.8954 128 49 128C50.1046 128 51 127.105 51 126Z" fill="#4B5055"/>
<path d="M49.5 52H26.5C25.6716 52 25 52.6716 25 53.5C25 54.3284 25.6716 55 26.5 55H49.5C50.3284 55 51 54.3284 51 53.5C51 52.6716 50.3284 52 49.5 52Z" fill="#4B5055"/>
<path d="M44.5 43H26.5C25.6716 43 25 43.6716 25 44.5C25 45.3284 25.6716 46 26.5 46H44.5C45.3284 46 46 45.3284 46 44.5C46 43.6716 45.3284 43 44.5 43Z" fill="#4B5055"/>
<path d="M35.5 31H27.5C26.1193 31 25 32.1193 25 33.5C25 34.8807 26.1193 36 27.5 36H35.5C36.8807 36 38 34.8807 38 33.5C38 32.1193 36.8807 31 35.5 31Z" fill="white"/>
<path d="M62 21H61V133H62V21Z" fill="#4B5055"/>
<path d="M183 20H17V21H183V20Z" fill="#4B5055"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

22
src/assets/svg/layouts-light/sidebar-default.svg Normal file
View File

@@ -0,0 +1,22 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16.5" y="10.5" width="167" height="123" rx="3.5" fill="#25282A" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<circle cx="21.5" cy="15.5" r="1.5" fill="#ED6B5F"/>
<circle cx="27.5" cy="15.5" r="1.5" fill="#F7D289"/>
<circle cx="33.5" cy="15.5" r="1.5" fill="#61C454"/>
<path d="M17 21H61V133H20C18.3431 133 17 131.657 17 130V21Z" fill="#25282A"/>
<rect x="25" y="61" width="21" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="70" width="23" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="80" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="90" width="16" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="100" width="28" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="118" width="44" height="1" fill="#4B5055"/>
<rect x="27" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="37" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="47" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="25" y="52" width="26" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="43" width="21" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="20" width="166" height="1" fill="#4B5055"/>
<rect x="25" y="31" width="13" height="5" rx="2.5" fill="white"/>
<rect x="61" y="21" width="1" height="112" fill="#4B5055"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

27
src/assets/svg/layouts-light/sidebar-detached-container.svg Normal file
View File

@@ -0,0 +1,27 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16.5" y="10.5" width="167" height="123" rx="3.5" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<circle cx="21.5" cy="15.5" r="1.5" fill="#ED6B5F"/>
<circle cx="27.5" cy="15.5" r="1.5" fill="#F7D289"/>
<circle cx="33.5" cy="15.5" r="1.5" fill="#61C454"/>
<rect x="24" y="61" width="21" height="3" rx="1.5" fill="#4B5055"/>
<rect x="24" y="70" width="23" height="3" rx="1.5" fill="#4B5055"/>
<rect x="24" y="80" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="24" y="90" width="16" height="3" rx="1.5" fill="#4B5055"/>
<rect x="24" y="100" width="28" height="3" rx="1.5" fill="#4B5055"/>
<rect x="22" y="118" width="34" height="1" fill="#4B5055"/>
<rect x="27" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="37" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="47" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="24" y="52" width="26" height="3" rx="1.5" fill="#4B5055"/>
<rect x="24" y="43" width="21" height="3" rx="1.5" fill="#4B5055"/>
<rect x="172" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="166" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="160" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="154" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="49" y="23" width="17" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="20" width="166" height="1" fill="#4B5055"/>
<rect x="17" y="28" width="166" height="1" fill="#4B5055"/>
<rect x="24" y="23" width="13" height="3" rx="1.5" fill="white"/>
<path d="M61 29H183V130C183 131.657 181.657 133 180 133H61V29Z" fill="#25282A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

29
src/assets/svg/layouts-light/sidebar-detached-overlay-container.svg Normal file
View File

@@ -0,0 +1,29 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16.5" y="10.5" width="167" height="123" rx="3.5" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<circle cx="21.5" cy="15.5" r="1.5" fill="#ED6B5F"/>
<circle cx="27.5" cy="15.5" r="1.5" fill="#F7D289"/>
<circle cx="33.5" cy="15.5" r="1.5" fill="#61C454"/>
<rect x="17" y="29" width="166" height="31" fill="#17181A"/>
<rect x="25" y="35" width="35" height="93" rx="3" fill="#25282A"/>
<rect x="17" y="28" width="166" height="1" fill="#4B5055"/>
<rect x="31" y="51" width="16" height="3" rx="1.5" fill="#4B5055"/>
<rect x="31" y="60" width="18" height="3" rx="1.5" fill="#4B5055"/>
<rect x="31" y="70" width="20" height="3" rx="1.5" fill="#4B5055"/>
<rect x="31" y="79" width="13" height="3" rx="1.5" fill="#4B5055"/>
<rect x="31" y="89" width="20" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="113" width="35" height="1" fill="#4B5055"/>
<rect x="17" y="21" width="166" height="7" fill="#25282A"/>
<rect x="33" y="119" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="41" y="119" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="49" y="119" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="31" y="43" width="20" height="3" rx="1.5" fill="#4B5055"/>
<rect x="172" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="166" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="160" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="154" y="23" width="3" height="3" rx="1.5" fill="#4B5055"/>
<rect x="49" y="23" width="17" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="20" width="166" height="1" fill="#4B5055"/>
<rect x="25" y="23" width="13" height="3" rx="1.5" fill="white"/>
<rect x="65" y="35" width="110" height="93" rx="3" fill="#25282A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

22
src/assets/svg/layouts-light/sidebar-light.svg Normal file
View File

@@ -0,0 +1,22 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16.5" y="10.5" width="167" height="123" rx="3.5" fill="#25282A" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<circle cx="21.5" cy="15.5" r="1.5" fill="#ED6B5F"/>
<circle cx="27.5" cy="15.5" r="1.5" fill="#F7D289"/>
<circle cx="33.5" cy="15.5" r="1.5" fill="#61C454"/>
<path d="M17 21H61V133H20C18.3431 133 17 131.657 17 130V21Z" fill="#1E2022"/>
<rect x="25" y="61" width="21" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="70" width="23" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="80" width="10" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="90" width="16" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="100" width="28" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="118" width="44" height="1" fill="#4B5055"/>
<rect x="27" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="37" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="47" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="25" y="52" width="26" height="3" rx="1.5" fill="#4B5055"/>
<rect x="25" y="43" width="21" height="3" rx="1.5" fill="#4B5055"/>
<rect x="17" y="20" width="166" height="1" fill="#4B5055"/>
<rect x="25" y="31" width="13" height="5" rx="2.5" fill="white"/>
<rect x="61" y="21" width="1" height="112" fill="#4B5055"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

20
src/assets/svg/layouts-light/sidebar-mini.svg Normal file
View File

@@ -0,0 +1,20 @@
<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16.5" y="10.5" width="167" height="123" rx="3.5" fill="#1E2022" stroke="#4B5055"/>
<path d="M17 14C17 12.3431 18.3431 11 20 11H180C181.657 11 183 12.3431 183 14V20H17V14Z" fill="#25282A"/>
<circle cx="21.5" cy="15.5" r="1.5" fill="#ED6B5F"/>
<circle cx="27.5" cy="15.5" r="1.5" fill="#F7D289"/>
<circle cx="33.5" cy="15.5" r="1.5" fill="#61C454"/>
<path d="M17 21H31V133H20C18.3431 133 17 131.657 17 130V21Z" fill="#25282A"/>
<rect x="22" y="56" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="22" y="65" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="22" y="75" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="22" y="85" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="22" y="95" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="17" y="118" width="14" height="1" fill="#4B5055"/>
<rect x="22" y="124" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="22" y="47" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="22" y="38" width="4" height="4" rx="2" fill="#4B5055"/>
<rect x="20" y="24" width="8" height="5" rx="2.5" fill="white"/>
<rect x="17" y="20" width="166" height="1" fill="#4B5055"/>
<rect x="31" y="21" width="1" height="112" fill="#4B5055"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB