From ff1bcfd6abed135084debb1587a423b27329860e Mon Sep 17 00:00:00 2001 From: Sam Date: Thu, 1 Aug 2024 15:44:02 +0100 Subject: [PATCH] Update css for page content and modify divs --- layouts/bitcoin/baseof.html | 6 +----- layouts/partials/body.html | 11 +++++------ static/css/style.css | 19 +++++++++++-------- 3 files changed, 17 insertions(+), 19 deletions(-) diff --git a/layouts/bitcoin/baseof.html b/layouts/bitcoin/baseof.html index 420a242..18108d5 100644 --- a/layouts/bitcoin/baseof.html +++ b/layouts/bitcoin/baseof.html @@ -7,8 +7,4 @@ src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" > -
- - {{ template "partials/body.html" . }} - -
+{{ template "partials/body.html" . }} diff --git a/layouts/partials/body.html b/layouts/partials/body.html index 6443daa..89bcc38 100644 --- a/layouts/partials/body.html +++ b/layouts/partials/body.html @@ -1,8 +1,7 @@ - {{ partial "header.html" . }} -
- {{- block "main" . }} - {{ end -}} -
- {{ partial "footer.html" . }} +
+ {{ partial "header.html" . }} +
{{- block "main" . }} {{ end -}}
+ {{ partial "footer.html" . }} +
diff --git a/static/css/style.css b/static/css/style.css index 0e3f433..72e55d4 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -66,19 +66,26 @@ body { color: var(--text-color); } -.main-page { +.page-container { display: flex; flex-direction: column; min-height: 100vh; } .main-content { - flex-grow: 1; + flex: 1; +} + +.page-container { + display: flex; + flex-direction: column; + min-height: 100vh; } a { text-decoration: none; color: var(--link-color); + text-decoration: underline; } a:hover { @@ -107,6 +114,7 @@ a:hover { .profile-img { margin-right: 20px; + margin-left: 20px; } .profile-img img { @@ -134,7 +142,6 @@ a:hover { } } -/* Articles */ .main-article { padding: var(--content-padding); width: var(--article-max-width); @@ -408,15 +415,11 @@ footer { background-color: var(--footer-background-color); color: var(--text-color); padding: 20px; + height: 10vh; display: flex; justify-content: space-between; } -footer a { - color: #f2f2f2; - transition: background-color 0.3s ease; -} - footer a:hover { background-color: #ddd; color: black;