From cf0b32dae092c2205d9d6cdfead554895c0de600 Mon Sep 17 00:00:00 2001
From: Christoph Herb <52382992+chrishrb@users.noreply.github.com>
Date: Thu, 10 Oct 2024 13:17:37 +0200
Subject: [PATCH] add max width and improve design
---
static/css/github-markdown-dark.css | 22 ++++++++++++++++++++++
static/css/github-markdown-light.css | 22 ++++++++++++++++++++++
templates/layout.html | 11 +++++++----
3 files changed, 51 insertions(+), 4 deletions(-)
diff --git a/static/css/github-markdown-dark.css b/static/css/github-markdown-dark.css
index df8f2c1..b5ab566 100644
--- a/static/css/github-markdown-dark.css
+++ b/static/css/github-markdown-dark.css
@@ -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;
diff --git a/static/css/github-markdown-light.css b/static/css/github-markdown-light.css
index 6e7ddf3..05b6bf8 100644
--- a/static/css/github-markdown-light.css
+++ b/static/css/github-markdown-light.css
@@ -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;
diff --git a/templates/layout.html b/templates/layout.html
index de0d6ca..3a9c0a2 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -10,11 +10,14 @@
{{end}}
-
-