HTWK/htwkalender-pwa
1
0
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender-pwa.git synced 2026-01-16 15:02:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

47 green color scheme

Browse Source
This commit is contained in:
survellow
2024-04-02 15:08:42 +02:00
parent ee60fd2f4d
commit b674cf5fe7
12 changed files with 872 additions and 376 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/MenuBar.vue
View File

@@ -65,8 +65,7 @@ function handleDarkModeToggled(isDarkVar: boolean) {
<template #start>
<router-link v-slot="{ navigate }" :to="`/`" custom>
<Button severity="secondary" text class="p-0 mx-2" @click="navigate">
<img v-if="isDark" width="50" height="50" src="../../public/htwk.svg" alt="Logo" />
<img v-else width="50" height="50" src="../../public/htwk-blue.svg" alt="Logo" />
<div alt="Logo" class="logo" />
</Button>
</router-link>
</template>
@@ -119,6 +118,15 @@ function handleDarkModeToggled(isDarkVar: boolean) {
border: none;
}
.logo {
background-color: var(--primary-color);
-webkit-mask: url(../../htwk-mask.svg) no-repeat center/contain;
mask: url(../../htwk-mask.svg) no-repeat center/contain;
width: 50px;
height: 50px;
border-radius: 6px;
}
:deep(.p-submenu-list) {
border-radius: 6px;
}