web: responsive layout at /about v1 APPLIED

Umar Getagazov: 1
 web: responsive layout at /about

 1 files changed, 15 insertions(+), 3 deletions(-)

[PATCH] web: responsive layout at /about Export this patch

---
 static/main.css | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/static/main.css b/static/main.css
index 8dad2cb..ce47042 100644
--- a/static/main.css
+++ b/static/main.css
@@ -112,8 +112,15 @@ button:hover {
 
 .about main {
 	max-width: 800px;
-	width: 800px;
+	width: 100%;
 	margin: 1rem auto 0;
+	line-height: 1.3;
+}
+
+.about pre {
+	overflow-x: auto;
+	background: #e9ecef;
+	padding: .25rem;
 }
 
 form {
@@ -223,8 +230,8 @@ ol {
 }
 
 .excerpt {
-        overflow-x: hidden;
-        text-overflow: ellipsis;
+	overflow-x: hidden;
+	text-overflow: ellipsis;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -268,6 +275,11 @@ ol {
 		color: #909090;
 	}
 
+	.about pre {
+		background: #131618;
+		color: #fff;
+	}
+
 	.infolinks a {
 		color: darkgrey;
 	}
-- 
2.32.1 (Apple Git-133)

Drew DeVault <sir@cmpwn.com>

2 years ago

Thanks!

To git@git.sr.ht:~sircmpwn/searchhut
   562fecf..2b6407e  master -> master