luisgulo/photoprism
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

UX: Improve nav sub menu styles

Browse source 
Signed-off-by: Michael Mayer <michael@liquidbytes.net>
This commit is contained in:
Michael Mayer 2022-05-26 13:52:47 +02:00
parent dc2a261884
commit 441827d600
3 changed files with 311 additions and 304 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

590
frontend/package-lock.json generated
View file

File diff suppressed because it is too large Load diff

4
frontend/src/component/navigation.vue
View file

@ -23,7 +23,7 @@
</v-btn>
</template>
<v-list class="nav-menu navigation dark elevation-2">
<v-list dark class="nav-menu navigation elevation-2">
<v-list-tile to="/browse" class="clickable nav-menu-browse">
<v-list-tile-content>
<v-list-tile-title>
@ -656,7 +656,7 @@ export default {
return user.PrimaryEmail ? user.PrimaryEmail : this.$gettext("Account");
},
showNavMenu() {
return (this.isDemo || this.session.auth || this.isTest);
return (this.session.auth || this.isDemo || this.isTest);
},
},
created() {

21
frontend/src/css/navigation.css
View file

@ -150,8 +150,21 @@ nav .v-list__tile__title.title {
}
#photoprism .nav-menu {
padding: 0;
padding: 8px 0;
background-color: #181818;
border: 1px solid hsla(0,0%,9%,.8);
border-radius: 8px;
}
#photoprism .nav-menu a {
color: white;
font-size: 14px;
font-weight: 500;
}
#photoprism .nav-menu .v-list__tile .v-icon {
font-size: 22px;
line-height: 1;
}
#p-navigation .nav-menu-trigger {
@ -164,7 +177,7 @@ nav .v-list__tile__title.title {
#photoprism .nav-menu .v-list__tile {
padding: 0 24px 0 24px;
height: 54px;
height: 48px;
}
#photoprism .nav-menu .v-list__tile .v-list__tile__title {
@ -177,7 +190,7 @@ nav .v-list__tile__title.title {
}
#photoprism .nav-menu .v-list__tile__content {
min-width: 146px;
min-width: 134px;
}
/*
@ -195,4 +208,4 @@ nav .v-list__tile__title.title {
#photoprism .sidenav-visible .nav-small .v-toolbar__content {
opacity: 0.48;
}
*/
*/