Try to improve the style and position of the Upload button

3 years ago · 1db57c8d3b
parent ce82e9b147
commit 1db57c8d3b
3 changed files with 19 additions and 9 deletions
--- a/app/rice-box.go
+++ b/app/rice-box.go
--- a/static/theme.css
+++ b/static/theme.css
@ -40,6 +40,16 @@ nav {
    height: 50px;
    background: #171717;
    border-bottom: 1px solid #272727;
+    position: relative;
+    overflow: hidden;
+}
+
+nav a.centered {
+  float: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }

 main {
--- a/templates/base.html
+++ b/templates/base.html
@ -14,7 +14,7 @@
 <body>
  <nav>
    <a href="/">Tube</a>
-    <a href="/upload">Upload</a>
+    <a class="centered" href="/upload">Upload</a>
  </nav>
  <main>
    {{template "content" .}}