IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2026-02-06 01:46:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

use gear instead of fingerprint for settting icon, replace svg icon with iconify icon

Browse Source
This commit is contained in:
einhornimmond 2025-03-11 13:22:56 +01:00
parent bf836e7216
commit 5af93fe1f4
6 changed files with 49 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/package.json
View File

@ -72,7 +72,11 @@
},
"devDependencies": {
"@apollo/client": "^3.10.8",
"@iconify-json/arcticons": "^1.2.20",
"@iconify-json/bi": "^1.1.23",
"@iconify-json/fa": "^1.2.1",
"@iconify-json/ion": "^1.2.2",
"@iconify-json/mdi": "^1.2.3",
"@intlify/eslint-plugin-vue-i18n": "^1.4.0",
"@vitest/coverage-v8": "^2.0.5",
"@vue/eslint-config-prettier": "^4.0.1",

1
frontend/src/assets/scss/custom/gradido-custom/_color.scss
View File

@ -20,6 +20,7 @@ $gradido-197: rgb(197 141 56) ;
$gradido-209: rgb(209 209 209) ;
$gradido-4: rgb(4 112 6) ;
$gradido-56: rgb(56 56 56) ;
$gradido-114: rgb(114 119 143) ;
$black: #000 ;
$grays: () ;
$grays: map.merge(

1
frontend/src/assets/scss/gradido.scss
View File

@ -53,3 +53,4 @@
@import "auth-navbar";
@import "navbar";

4
frontend/src/assets/scss/navbar.scss Normal file
View File

@ -0,0 +1,4 @@
.nav-item .nav-link svg.svg-icon {
height: 20px;
color: $gradido-114;
}

22
frontend/src/components/Menu/Sidebar.vue
View File

@ -10,43 +10,43 @@
<BNav vertical class="w-200">
<BNavItem to="/overview" class="mb-3" active-class="active-route">
<div class="sidebar-menu-item-wrapper">
<BImg src="/img/svg/home.svg" height="20" class="svg-icon" />
<i-fa-home class="svg-icon" />
<span class="ms-2">{{ $t('navigation.overview') }}</span>
</div>
</BNavItem>
<BNavItem to="/send" class="mb-3" active-class="active-route">
<div class="sidebar-menu-item-wrapper">
<IBiCash />
<IBiCash class="svg-icon" />
<span class="ms-2">{{ $t('navigation.send') }}</span>
</div>
</BNavItem>
<BNavItem to="/transactions" :class="transactionClass" active-class="active-route">
<div class="sidebar-menu-item-wrapper">
<BImg src="/img/svg/transaction.svg" height="20" class="svg-icon" />
<span class="ms-2">{{ $t('navigation.transactions') }}</span>
<i-ion-layers-sharp class="svg-icon" />
<span class="ms-1">{{ $t('navigation.transactions') }}</span>
</div>
</BNavItem>
<BNavItem ref="communityLink" to="/community" class="mb-3" active-class="active-route">
<div class="sidebar-menu-item-wrapper">
<BImg src="/img/svg/community.svg" height="20" class="svg-icon" />
<i-mdi-people-group class="svg-icon" />
<span class="ms-2">{{ $t('creation') }}</span>
</div>
</BNavItem>
<BNavItem to="/information" class="mb-3" active-class="active-route">
<div class="sidebar-menu-item-wrapper">
<BImg src="/img/svg/info.svg" height="20" class="svg-icon" />
<span class="ms-2">{{ $t('navigation.info') }}</span>
<i-mdi-information class="svg-icon" />
<span class="ms-1">{{ $t('navigation.info') }}</span>
</div>
</BNavItem>
<BNavItem v-if="isHumhub" to="/circles" class="mb-3" active-class="active-route">
<div class="sidebar-menu-item-wrapper">
<BImg src="/img/svg/circles.svg" height="20" class="svg-icon" />
<i-arcticons-circles class="svg-icon" />
<span class="ms-2">{{ $t('navigation.circles') }}</span>
</div>
</BNavItem>
<BNavItem v-if="isGMS" to="/usersearch" active-class="active-route">
<div class="sidebar-menu-item-wrapper">
<BImg src="/img/loupe.png" height="20" />
<i-mdi-map-search class="svg-icon" />
<span class="ms-2">{{ $t('navigation.usersearch') }}</span>
</div>
</BNavItem>
@ -61,8 +61,8 @@
>
<div class="sidebar-menu-item-wrapper">
<div>
<BImg src="/img/svg/settings.svg" height="20" class="svg-icon" />
<span class="ms-2">{{ $t('navigation.settings') }}</span>
<i-mdi-settings class="svg-icon" />
<span class="ms-1">{{ $t('navigation.settings') }}</span>
</div>
<BBadge v-if="!$store.state.username" variant="warning">
{{ $t('settings.newSettings') }}

28
frontend/yarn.lock
View File

@ -1104,6 +1104,13 @@
resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz#4a2868d75d6d6963e423bcf90b7fd1be343409d3"
integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
"@iconify-json/arcticons@^1.2.20":
version "1.2.20"
resolved "https://registry.yarnpkg.com/@iconify-json/arcticons/-/arcticons-1.2.20.tgz#11f3dccd50883702ba36f0e87b009e4c1690a1a7"
integrity sha512-OhAmLjf8KAGKX9Uo4ionTp1znYScjb65h8YaPtR8vWIkK0A6acHucld7MkgL0aMLvnQ+Npph6K4NYCDZeL5f1g==
dependencies:
"@iconify/types" "*"
"@iconify-json/bi@^1.1.23":
version "1.2.2"
resolved "https://registry.yarnpkg.com/@iconify-json/bi/-/bi-1.2.2.tgz#0f64d20323904f11546cadd0dc75f2fd024a46f8"
@ -1111,6 +1118,27 @@
dependencies:
"@iconify/types" "*"
"@iconify-json/fa@^1.2.1":
version "1.2.1"
resolved "https://registry.yarnpkg.com/@iconify-json/fa/-/fa-1.2.1.tgz#9ccfad18e1ac1011f088d487aadc35bf45fa2807"
integrity sha512-aY2+tQNWq5ch+ShtAz3KKbNrFfwf4BPrXvyN7S4/lcf6Wms+kIxsd7C7KortzHZhoBnbhVN+qo+YUWLW7rLs9Q==
dependencies:
"@iconify/types" "*"
"@iconify-json/ion@^1.2.2":
version "1.2.2"
resolved "https://registry.yarnpkg.com/@iconify-json/ion/-/ion-1.2.2.tgz#ec1afaa19b82c2856eaa6a0ec976209538cd1bae"
integrity sha512-GysHYDAyy3K4R2Xxsab3I0ZFmQA4oorfIkwX0g6xfZJNVZcFyAlA4pa1jAJC9Bk3cLiWUtnN8ZyWs6cP3nxlnw==
dependencies:
"@iconify/types" "*"
"@iconify-json/mdi@^1.2.3":
version "1.2.3"
resolved "https://registry.yarnpkg.com/@iconify-json/mdi/-/mdi-1.2.3.tgz#5e4ee9d8c8aaad04381c8cc6c6edbe3327f031b5"
integrity sha512-O3cLwbDOK7NNDf2ihaQOH5F9JglnulNDFV7WprU2dSoZu3h3cWH//h74uQAB87brHmvFVxIOkuBX2sZSzYhScg==
dependencies:
"@iconify/types" "*"
"@iconify/types@*", "@iconify/types@^2.0.0":
version "2.0.0"
resolved "https://registry.yarnpkg.com/@iconify/types/-/types-2.0.0.tgz#ab0e9ea681d6c8a1214f30cd741fe3a20cc57f57"