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" }}
</head>
<body>
<div>
<div id="content">
<div id="header">
<img src="/admin/static/images/gonic.png">
</div>
<div id="content">
{{ if .Flashes }}
{{ $flash := index .Flashes 0 }}
<div class="padded mono flash-{{ $flash.Type }}">
<i class="mdi mdi-alert-circle"></i> {{ $flash.Message }}
</div>
{{ end }}
{{ template "content" . }}
{{ if .Flashes }}
{{ $flash := index .Flashes 0 }}
<div class="padded mono flash-{{ $flash.Type }}">
<i class="mdi mdi-alert-circle"></i> {{ $flash.Message }}
</div>
{{ end }}
{{ 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 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>
</body>
</html>

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

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