summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authoresquizo <esquizo+noreply@esquizo.net>2026-03-14 19:37:37 -0300
committeresquizo <esquizo+noreply@esquizo.net>2026-03-14 19:37:37 -0300
commit276a2065853617cebb4e89899230310a219a5b3f (patch)
treef575aff186ea5222204c2e722d2645a9420afe1d
parent48aef69ee70916d726d15e6c141715c767d915d8 (diff)
melhor compatibilidade com mobile
-rw-r--r--static/style.css14
-rw-r--r--templates/base.m41
2 files changed, 12 insertions, 3 deletions
diff --git a/static/style.css b/static/style.css
index b7d3305..e4b74bf 100644
--- a/static/style.css
+++ b/static/style.css
@@ -2,9 +2,10 @@ body {
color: white;
background-color: black;
- min-width: 800px;
- width: 70%;
- margin: auto;
+ width: 80%;
+ max-width: 1000px;
+ margin: 20px auto;
+ font-size: 16px;
}
.bottom-align {
@@ -15,6 +16,7 @@ body {
.title {
display: flex;
+ flex-direction: column;
}
.title h1 {
@@ -30,3 +32,9 @@ body {
width: 100px;
display: inline;
}
+
+@media (min-width: 768px) {
+ .title {
+ flex-direction: row; /* Volta a ficar lado a lado */
+ }
+}
diff --git a/templates/base.m4 b/templates/base.m4
index 35781c1..bdf8274 100644
--- a/templates/base.m4
+++ b/templates/base.m4
@@ -2,6 +2,7 @@
<head>
<title>Esquizo</title>
<meta charset="utf-8"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<link href="/static/style.css" rel="stylesheet"/>