opensource/rustfs-console
3
0
Fork 0
mirror of https://github.com/rustfs/console.git synced 2026-08-29 03:52:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: sidebar logo

Browse Source
This commit is contained in:
overtrue
2024-12-19 21:38:30 +08:00
parent f77eb2b8cf
commit fd01174940
2 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/logo.svg
+11
View File
@@ -0,0 +1,11 @@
<svg width="1967" height="262" viewBox="0 0 1967 262" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1697.5 112.905H1568.75V58.4404H1671L1679 0L1483 0V260H1568.75V162.997H1705.95L1697.5 112.905Z" fill="#0196D0" />
<path d="M1467.62 58.4404V0H1198V58.4404H1290.13V260H1375.88V58.4404H1467.62Z" fill="#0196D0" />
<path d="M930 179.102V0L863.973 15V161C863.973 181.124 861.084 193.146 852.5 202C843.916 211.257 828.318 214.5 809.5 214.5C790.022 214.5 775.744 210.854 766.5 202C757.916 193.548 755.357 175.721 755.357 156V0L689 15V175.48C689 208.08 699.234 229.412 718.712 241.486C738.19 253.56 767.903 260 809.5 260C849.447 260 879.159 253.56 899.297 241.486C919.766 229.412 930 208.483 930 179.102Z" fill="#0196D0" />
<path d="M581.84 84.2813C581.84 97.7982 577.249 107.737 567.41 113.303C558.883 118.471 546.092 121.254 529.693 122.049V162.997C538.876 163.792 547.076 166.177 553.307 176.514L593.647 260H674L634.316 180.489C622.181 155.046 610.374 149.48 587.744 143.517C621.197 138.349 650.386 118.471 650.386 73.1499C650.386 53.2722 642.843 30.2141 627.756 17.8899C612.998 5.56575 592.991 0 568.394 0H529.693V48.5015H536.58C551.23 48.5015 562.6 51.4169 570.689 57.2477C578.233 62.8135 581.84 71.5596 581.84 84.2813ZM529.693 122.049C528.163 122.049 526.741 122.049 525.43 122.049H477.546V48.5015H529.693V0H409V260H479.514V162.997H519.526C522.806 162.997 526.741 162.997 529.693 162.997V122.049Z" fill="#0196D0" />
<path d="M1183 179.297C1183 160.829 1175.67 144.669 1161.01 131.972C1147.13 119.66 1121.02 110.169 1082.71 103.5C1071.14 101.191 1060.72 99.6523 1052.24 97.3437C995.532 84.6467 1003.63 52.7118 1059.56 52.7118C1089.65 52.7118 1118.58 61.946 1147.13 66.9478C1151.37 67.7174 1152.91 68.1021 1153.3 68.1021L1159.47 12.697C1129.38 3.46282 1093.89 0 1063.04 0C1025.62 0 996.689 6.54088 976.245 19.2379C955.801 31.9349 945 57.7137 945 82.3382C945 103.5 952.715 119.66 968.916 131.972C984.731 143.515 1013.28 152.749 1054.55 160.059C1067.28 162.368 1077.69 163.907 1085.79 166.215C1094.02 168.524 1100.07 170.704 1103.92 172.756C1111.25 176.604 1115.11 182.375 1115.11 188.531C1115.11 196.611 1110.48 202.767 1101.22 207C1073.84 220.081 996.689 212.001 965.83 198.15L952.715 247.784C956.186 248.169 961.972 249.323 968.916 250.477C1025.62 259.327 1099.68 270.869 1150.21 238.935C1171.81 225.468 1183 206.23 1183 179.297Z" fill="#0196D0" />
<path d="M1967 179.568C1967 160.383 1959.42 144.268 1944.67 131.99C1930.32 119.968 1903.34 110.631 1863.74 103.981C1851.38 101.679 1841.01 99.3764 1831.84 97.8416C1831.44 97.8416 1831.04 97.8416 1831.04 97.4579V112.422L1770.04 75.2037L1831.04 38.3692V52.9496C1833.7 52.9496 1836.49 52.9496 1839.41 52.9496C1870.51 52.9496 1900.42 62.5419 1930.32 67.5299C1934.31 67.9136 1935.9 67.9136 1936.3 67.9136L1942.68 12.6619C1911.98 3.83692 1874.9 0 1843 0C1804.33 0 1774.43 6.52277 1754.09 19.5683C1732.16 32.6139 1721 57.9376 1721 82.8776C1721 103.981 1729.37 120.096 1745.72 131.607C1762.46 143.885 1791.97 153.093 1834.23 160.383C1843 161.535 1850.18 162.686 1856.56 164.22L1857.36 150.791L1916.36 190.312L1854.57 224.844L1854.96 212.949C1818.68 215.635 1766.45 209.112 1742.53 197.985L1729.37 247.482C1732.56 248.249 1738.54 248.633 1745.72 250.551C1804.33 259.376 1880.88 270.887 1933.11 238.657C1955.84 225.611 1967 205.659 1967 179.568Z" fill="#0196D0" />
<path d="M99.3122 199.023C153.954 199.023 198.624 153.954 198.624 99.3121C198.624 45.0694 153.954 0 99.3122 0C44.6706 0 0 45.0694 0 99.3121C0 153.954 44.6706 199.023 99.3122 199.023Z" fill="#15C2EB" />
<path d="M257.63 261.26C289.936 261.26 316.26 234.936 316.26 202.63C316.26 170.723 289.936 144 257.63 144C225.324 144 199 170.723 199 202.63C199 234.936 225.324 261.26 257.63 261.26Z" fill="#ED3B96" />
<path d="M309.22 100C336.974 100 359 77.2926 359 50.2183C359 22.2707 336.974 0 309.22 0C281.027 0 259 22.2707 259 50.2183C259 77.2926 281.027 100 309.22 100Z" fill="#FDBD0F" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

components/sidebar.vue
+4 -1
View File
@@ -39,7 +39,10 @@ const options = computed(() => {
<div class="border-b dark:border-neutral-800 flex flex-wrap max-h-16 items-center p-4" :class="isCollapsed ? 'justify-center' : 'justify-between'">
<div>
<n-avatar v-if="isCollapsed" class="text-center text-2xl leading-none">{{ appConfig.name.substring(0, 1) }}</n-avatar>
<h2 v-else class="text-center text-2xl">{{ appConfig.name }}</h2>
<h2 v-else class="text-center text-2xl">
<img src="~/assets/logo.svg" class="max-w-28" alt="">
<span class="sr-only">{{ appConfig.name }}</span>
</h2>
</div>
<div v-if="!isCollapsed" class="px-4 flex items-center -mr-4">
<Icon name="ri:menu-fold-fill" class="cursor-pointer text-xl" @click="toggleSidebar" />