gtsocial-umbx

commit 0ed50c172e9a02788852e22fa5835d0746456ce7
parent b63b1b6f55e9124a198a8ba4fff2cb934bb5d561
Author: f0x52 <f0x@cthu.lu>
Date:   Tue,  7 Feb 2023 10:00:13 +0100

[chore/frogend] domain blocklist layout on smaller screens (#1436)


Diffstat:
M
web/source/css/base.css
 | 
9
++++++++-

1 file changed, 8 insertions(+), 1 deletion(-)
diff --git a/web/source/css/base.css b/web/source/css/base.css
@@ -470,7 +470,7 @@ label {
 
 	.entry {
 		display: grid;
-		grid-template-columns: 15rem 1fr;
+		grid-template-columns: max(30%, 10rem) 1fr;
 		gap: 0.5rem;
 		align-items: start;
 		border: $boxshadow-border;
@@ -495,4 +495,11 @@ label {
 	.header .domain {
 		color: $fg;
 	}
+}
+
+@media screen and (max-width: 30rem) {
+	.domain-blocklist .entry {
+		grid-template-columns: 1fr;
+		gap: 0;
+	}
 }
 \ No newline at end of file