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

i dont really know what i added

Browse source 
Signed-off-by: roxwize <rae@roxwize.xyz>
This commit is contained in:
Rae 5e 2024-11-17 14:16:27 -05:00
parent e3c09d7f0d
commit 7b563f5c31
Signed by: rae
GPG key ID: 5B1A0FAB9BAB81EE
24 changed files with 797 additions and 151 deletions
Download patch file Download diff file Expand all files Collapse all files

76
static/css/dashboard.css
View file

@ -9,21 +9,6 @@ form *:last-child {
margin-bottom: 0;
}
.feed-update {
background-color: #d5d4bb;
height: fit-content;
word-wrap: break-word;
}
.feed-update div:first-child {
display: flex;
justify-content: space-between;
}
.feed-update div:last-child {
text-align: right;
color: #3f3f38;
font-style: italic;
}
#dashboard-update-form * {
width: 50%;
min-width: 128px;
@ -43,20 +28,51 @@ form *:last-child {
justify-content: space-between;
}
@media screen and (min-width: 900px) {
#dashboard-feed {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.feed-update {
padding: 4px;
width: 280px;
}
#journal-update {
max-width: 880px;
}
@media screen and (max-width: 900px) {
.feed-update {
border-bottom: 1px solid #afa870;
padding: 8px;
}
#journal-update .input {
display: flex;
align-items: center;
justify-content: space-between;
}
#journal-update .input span {
cursor: default;
}
#ovm {
display: flex;
}
#visibility-control * {
display: inline;
margin: 4px;
}
input.ovm-input {
opacity: 0;
width: 0;
}
input.ovm-input:first-child {
position: absolute;
width: 1px;
}
label.ovm-input > img {
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: #afa870;
background-color: #d5d4bb;
cursor: pointer;
padding: 8px;
width: 64px;
aspect-ratio: 1/1;
}
input.ovm-input:checked+label > img {
background-color: #999883;
filter: invert(1);
}
label.ovm-input:last-child > img {
border-right-width: 1px;
}

34
static/css/main.css
View file

@ -169,8 +169,42 @@ select {
cursor: pointer;
}
.feed-update {
background-color: #d5d4bb;
height: fit-content;
word-wrap: break-word;
}
.feed-update div:first-child {
display: flex;
justify-content: space-between;
}
.feed-update div:last-child {
text-align: right;
color: #3f3f38;
font-style: italic;
}
@font-face {
font-family: "Gohufont 14";
src: url("/fonts/gohufont-14.ttf") format("truetype"),
url("/fonts/gohufont-14.woff") format("woff");
font-display: swap;
}
@media screen and (min-width: 900px) {
#feed {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.feed-update {
padding: 4px;
width: 280px;
}
}
@media screen and (max-width: 900px) {
.feed-update {
border-bottom: 1px solid #afa870;
padding: 8px;
}
}