heimoshuiyu/gonic
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

dont treat header/footer different

Browse Source
This commit is contained in:
sentriz
2019-07-06 21:47:20 +01:00
parent 3a1d57d1ca
commit 1717348707
2 changed files with 20 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
server/assets/layouts/base.tmpl
View File

@@ -7,24 +7,22 @@
{{ template "head" }} {{ template "head" }}
</head> </head>
<body> <body>
<div> <div id="content">
<div id="header"> <div id="header">
<img src="/admin/static/images/gonic.png"> <img src="/admin/static/images/gonic.png">
</div> </div>
<div id="content"> {{ if .Flashes }}
{{ if .Flashes }} {{ $flash := index .Flashes 0 }}
{{ $flash := index .Flashes 0 }} <div class="padded mono flash-{{ $flash.Type }}">
<div class="padded mono flash-{{ $flash.Type }}"> <i class="mdi mdi-alert-circle"></i> {{ $flash.Message }}
<i class="mdi mdi-alert-circle"></i> {{ $flash.Message }} </div>
</div> {{ end }}
{{ end }} {{ template "content" . }}
{{ template "content" . }} <div class="side-padded mono text-right">
senan kelly, 2019
<span class="light">&#124;</span>
<a href="https://senan.xyz/g/gonic">github</a>
</div> </div>
</div>
<div id="footer" class="padded mono text-right">
senan kelly, 2019
<span class="light">&#124;</span>
<a href="https://senan.xyz/g/gonic">github</a>
</div> </div>
</body> </body>
</html> </html>

22
server/assets/stylesheets/main.css
View File

@@ -2,10 +2,6 @@ body {
max-width: 780px; max-width: 780px;
margin: 0 auto; margin: 0 auto;
padding: 0 20px; padding: 0 20px;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 1rem; line-height: 1rem;
overflow-y: scroll; overflow-y: scroll;
} }
@@ -89,6 +85,9 @@ a:hover {
text-decoration: underline; text-decoration: underline;
} }
i.mdi {
font-size: 14px;
}
#content > * { #content > * {
margin: 2rem 0; margin: 2rem 0;
@@ -96,7 +95,6 @@ a:hover {
#header { #header {
border-bottom: 2px solid #0000001a; border-bottom: 2px solid #0000001a;
padding-top: 3rem;
} }
#header img { #header img {
@@ -113,9 +111,9 @@ a:hover {
} }
.flash-normal { .flash-normal {
background-color: #15ff5452; background-color: #15ff5424;
border-right: 2px solid #15ff5452; border-right: 2px solid #15ff5424;
border-bottom: 2px solid #15ff5452; border-bottom: 2px solid #15ff5424;
} }
.text-right { .text-right {
@@ -126,10 +124,6 @@ a:hover {
margin-left: auto; margin-left: auto;
} }
.light {
color: #00000082;
}
.mono { .mono {
font-family: monospace; font-family: monospace;
} }
@@ -156,6 +150,6 @@ a:hover {
background-color: #f4433669; background-color: #f4433669;
} }
i.mdi { .light {
font-size: 14px; color: #00000082;
} }