guz013/go-grip
1
0
Fork 0
Code Issues Pull Requests Activity

add max width and improve design

Browse Source
This commit is contained in:
Christoph Herb
2024-10-10 13:17:37 +02:00
parent 59152be7b3
commit cf0b32dae0
3 changed files with 51 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
static/css/github-markdown-dark.css
View File

@@ -1,3 +1,25 @@
/* custom dark */
.container {
max-width: 896px;
margin: 0 auto;
}
.container-inner {
padding: 32px;
border-width: 1px;
border-color: #30363d;
border-style: solid;
border-radius: 6px;
margin-top: 20px;
margin-bottom: 6px;
}
.footer {
padding-top: 10px;
padding-bottom: 20px;
text-align: center;
}
/* dark */
.markdown-body {
color-scheme: dark;

22
static/css/github-markdown-light.css
View File

@@ -1,3 +1,25 @@
/* custom light */
.container {
max-width: 896px;
margin: 0 auto;
}
.container-inner {
padding: 32px;
border-width: 1px;
border-color: #d0d7de;
border-style: solid;
border-radius: 6px;
margin-top: 20px;
margin-bottom: 6px;
}
.footer {
padding-top: 10px;
padding-bottom: 20px;
text-align: center;
}
/* light */
.markdown-body {
color-scheme: light;

11
templates/layout.html
View File

@@ -10,11 +10,14 @@
<link rel="stylesheet" href="/static/css/github-markdown-light.css">
{{end}}
</head>
<body class="markdown-body entry-content container-lg">
<div style="padding: 32px;">
<div class="">
{{ .Content }}
<body class="markdown-body">
<div class="container">
<div class="container-inner">
{{ .Content }}
</div>
</div>
<footer class="container footer">
Made with &hearts; by chrishrb
</footer>
</body>
</html>