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 */ /* dark */
.markdown-body { .markdown-body {
color-scheme: dark; 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 */ /* light */
.markdown-body { .markdown-body {
color-scheme: light; color-scheme: light;

11
templates/layout.html
View File

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