Skip to content
Snippets Groups Projects
Commit b864150e authored by Janne Mareike Koschinski's avatar Janne Mareike Koschinski
Browse files

Improved UI

parent 4bf53af0
Branches
Tags 1.5.4
No related merge requests found
...@@ -8,9 +8,39 @@ body ...@@ -8,9 +8,39 @@ body
font-size: 81.25% font-size: 81.25%
nav nav
background: #607D8B
nav ul
display: flex display: flex
.spacer max-width: 1024px
flex-grow: 1 margin: 0 auto
height: 56px
align-items: center
li
display: block
line-height: 24px
&.title
font-size: 24px
color: #FFC107
font-weight: 700
&:not(.spacer)
margin: 0 8px
&:first-child
margin-left: 0
&:last-child
margin-right: 0
&:not(.title):not(.me) a
display: block
background: #FFC107
padding: 4px 16px
border-radius: 2px
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
&:hover
background: #FFD54F
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
li, li > *
color: #282828
text-decoration: none
.images .images
display: flex display: flex
...@@ -18,7 +48,6 @@ nav ...@@ -18,7 +48,6 @@ nav
margin: 0 auto margin: 0 auto
align-items: start align-items: start
flex-wrap: wrap flex-wrap: wrap
.image .image
padding: 8px padding: 8px
margin: 8px margin: 8px
...@@ -28,11 +57,9 @@ nav ...@@ -28,11 +57,9 @@ nav
text-decoration: none text-decoration: none
width: 160px width: 160px
background: #ffffff background: #ffffff
&: hover &: hover
margin-top: 4px margin-top: 4px
box-shadow: 0 4px 6px rgba(33, 33, 33, 0.3) box-shadow: 0 4px 6px rgba(33, 33, 33, 0.3)
.image-container .image-container
display: flex display: flex
justify-content: center justify-content: center
...@@ -42,7 +69,6 @@ nav ...@@ -42,7 +69,6 @@ nav
flex-direction: column flex-direction: column
height: 160px height: 160px
width: 160px width: 160px
.info .info
display: block display: block
z-index: 1 z-index: 1
...@@ -50,7 +76,6 @@ nav ...@@ -50,7 +76,6 @@ nav
line-height: 1.25 line-height: 1.25
font-size: 10pt font-size: 10pt
padding-top: 12px padding-top: 12px
p p
white-space: nowrap white-space: nowrap
text-overflow: ellipsis text-overflow: ellipsis
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
{{if .Id}} {{if .Id}}
<li><a href="/me/images">My Images</a></li> <li><a href="/me/images">My Images</a></li>
<li><a href="/me/albums">My Albums</a></li> <li><a href="/me/albums">My Albums</a></li>
<li><a href="/me/">{{.Name}}</a></li> <li class="me"><a href="/me/">{{.Name}}</a></li>
{{end}} {{end}}
</ul> </ul>
</nav> </nav>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment