UX: Update navigation and splash screen styles
Signed-off-by: Michael Mayer <michael@liquidbytes.net>
This commit is contained in:
parent
c764b20668
commit
d46a01b602
|
@ -1,7 +1,7 @@
|
|||
<div id="photoprism" class="container{{if .config.SiteCaption}} theme-{{ .config.Settings.UI.Theme }}{{end}}">
|
||||
<noscript>
|
||||
<div id="noscript-info" class="splash-info">
|
||||
<a href="https://enable-javascript.com/" target="_blank">Need help enabling JavaScript?</a>
|
||||
<a href="https://enable-javascript.com/" target="_blank">Please enable JavaScript in your browser.</a>
|
||||
</div>
|
||||
</noscript>
|
||||
<div id="splash-info" class="has-js splash-info">
|
||||
|
|
|
@ -100,8 +100,8 @@
|
|||
<img :src="appIcon" :alt="appName" :class="{'animate-hue': indexing}">
|
||||
</v-list-tile-avatar>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title class="title tm">
|
||||
<strong>Photo</strong>Prism<span v-if="appName === 'PhotoPrism+'" class="plus">+</span><span v-else-if="appNameSuffix !== ''"> {{ appNameSuffix }}</span>
|
||||
<v-list-tile-title class="title">
|
||||
{{ appName }}
|
||||
</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
<v-list-tile-action class="hidden-sm-and-down" :title="$gettext('Minimize')">
|
||||
|
|
|
@ -119,33 +119,6 @@ footer {
|
|||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
#photoprism .tm {
|
||||
letter-spacing: normal;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#photoprism .tm strong {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#photoprism .tm sup,
|
||||
#photoprism .tm span {
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
#photoprism .tm sup {
|
||||
font-size: 9px;
|
||||
font-weight: 600;
|
||||
top: -9px;
|
||||
}
|
||||
|
||||
#photoprism .tm sup.plus {
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
left: -1px;
|
||||
top: -8px;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
|
|
@ -176,8 +176,8 @@ nav .v-list__tile__title.title {
|
|||
}
|
||||
|
||||
#photoprism .nav-menu .v-list__tile {
|
||||
padding: 0 24px 0 24px;
|
||||
height: 48px;
|
||||
padding: 0 16px 0 16px;
|
||||
height: 42px;
|
||||
}
|
||||
|
||||
#photoprism .nav-menu .v-list__tile .v-list__tile__title {
|
||||
|
@ -190,7 +190,7 @@ nav .v-list__tile__title.title {
|
|||
}
|
||||
|
||||
#photoprism .nav-menu .v-list__tile__content {
|
||||
min-width: 114px;
|
||||
min-width: 104px;
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
|
@ -189,12 +189,7 @@
|
|||
|
||||
#splash-info {
|
||||
display: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#noscript-info {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#loading-info {
|
||||
|
@ -214,3 +209,9 @@
|
|||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#noscript-info {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue