rae/mipilin
rae/mipilin
1
0
Fork 0
mirror of https://git.sr.ht/~roxwize/mipilin synced 2025-05-10 23:33:07 +00:00
Code Issues Activity

mobile friendliness

Browse source 
Signed-off-by: roxwize <rae@roxwize.xyz>
This commit is contained in:
Rae 5e 2025-02-01 13:27:26 -05:00
parent f5d694150f
commit 52afacdcf8
Signed by: rae
GPG key ID: 5B1A0FAB9BAB81EE
6 changed files with 58 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

54
static/css/main.css
View file

@ -36,6 +36,7 @@ h3 {
header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background-color: #e0d665;
background-image: linear-gradient(to bottom, #f6ef98, #c7c07d);
@ -51,7 +52,9 @@ header {
header nav {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 2em;
}
@ -108,6 +111,10 @@ summary {
overflow-y: auto;
}
#page div:nth-child(2) {
margin-left: 256px;
}
#sidebar {
position: sticky;
top: 0;
@ -236,6 +243,10 @@ tr:hover td {
text-decoration: underline;
}
#journal-update input#title {
width: 66ch;
}
@font-face {
font-family: "Gohufont 14";
src: url("/fonts/gohufont-14.ttf") format("truetype"),
@ -255,8 +266,51 @@ tr:hover td {
}
}
@media screen and (max-width: 900px) {
main {
width: 100%;
height: 100%;
}
header {
flex-direction: column;
}
header nav {
margin-top: 1em;
gap: 8px 16px;
}
#ticker {
display: flex;
flex-direction: column;
height: auto;
}
#ticker > div, #ticker #ticker-marquee {
width: 100%;
height: 1.5em;
}
#sidebar {
position: relative;
float: none;
border-right: 0;
border-bottom: 1px solid #afa870;
width: 100%;
height: fit-content;
}
#page {
height: auto;
/* Define bodge */
background-color: #faf8da;
}
#page div:nth-child(2) {
margin-left: 0;
}
.feed-update {
border-bottom: 1px solid #afa870;
padding: 8px;
}
.input {
flex-direction: column;
}
.input input[type=text], .input textarea, #journal-update input#title, #dashboard-update-form * {
/* i hate !important please get it out of here PLEASE */
width: 100%!important;
}
}