vikunja/frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

By @dpschen fix: move logo color definition to logo.vue

Browse Source
This commit is contained in:
Adrian Simmons 2021-11-16 21:36:25 +00:00
parent f2dc5b643d
commit 4133363fe1
3 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/home/Logo.vue
View File

@ -7,5 +7,11 @@ const Logo = computed(() => new Date().getMonth() === 5 ? LogoFullPride : LogoFu
</script> </script>
<template> <template>
<Logo alt="Vikunja" /> <Logo alt="Vikunja" class="logo" />
</template> </template>
<style lang="scss" scoped>
.logo {
color: var(--logo-text-color);
}
</style>

11
src/components/home/topNavigation.vue
View File

@ -5,7 +5,7 @@
class="navbar main-theme is-fixed-top" class="navbar main-theme is-fixed-top"
role="navigation" role="navigation"
> >
<router-link :to="{name: 'home'}" class="navbar-item logo"> <router-link :to="{name: 'home'}" class="logo-link">
<Logo width="164" height="48"/> <Logo width="164" height="48"/>
</router-link> </router-link>
<MenuButton class="menu-button"/> <MenuButton class="menu-button"/>
@ -142,14 +142,9 @@ $vikunja-nav-logo-full-width: 164px;
z-index: 4 !important; z-index: 4 !important;
} }
.logo { .logo-link {
display: none; display: none;
color: var(--logo-text-color); padding: 0.5rem 0.75rem;
&:hover, &:focus {
background-color: transparent;
color: var(--primary);
}
@media screen and (min-width: $tablet) { @media screen and (min-width: $tablet) {
align-self: stretch; align-self: stretch;

4
src/components/misc/no-auth-wrapper.vue
View File

@ -36,8 +36,4 @@ const motd = computed(() => store.state.config.motd)
margin: 0 auto; margin: 0 auto;
padding: 1rem; padding: 1rem;
} }
.logo {
color: var(--logo-text-color);
}
</style> </style>