i dont really know what i added
Signed-off-by: roxwize <rae@roxwize.xyz>
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
3
static/img/down.svg
Normal file
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 -6 6 6">
|
||||
<path d="M1-6v2H3L0 0-3-4h2V-6Z" fill="#000000"/>
|
||||
</svg>
|
After Width: | Height: | Size: 119 B |
3
static/img/downdown.svg
Normal file
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 -6 6 7.5">
|
||||
<path d="M-3-2.5h.75L0 .5l2.25-3H3l-3 4ZM1-6v2H3L0 0-3-4h2V-6Z" fill="#000000"/>
|
||||
</svg>
|
After Width: | Height: | Size: 152 B |
3
static/img/line.svg
Normal file
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 -0.5 6 1">
|
||||
<path d="M-3-.5H3v1H-3Z" fill="#000000"/>
|
||||
</svg>
|
After Width: | Height: | Size: 113 B |
|
@ -1 +1,5 @@
|
|||
<svg width="88.8" height="41.8" style="fill:none" viewBox="0 0 444 209" xmlns="http://www.w3.org/2000/svg"><path style="fill:none;stroke:#faf8da;stroke-width:24;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1" d="M342 192v0l-90-90V42l30-30h30l30 30 30-30h30l30 30v60l-90 90"/><path style="fill:none;stroke:#faf8da;stroke-width:24.2904;stroke-linecap:square;stroke-linejoin:round;stroke-opacity:1" d="M12 197v0V12h180M12 102v0h150H12m180 0v0-90m0 90v0h-30"/></svg>
|
||||
<svg width="88.8" height="41.8" style="fill:none" viewBox="0 0 444 209"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path style="fill:none;stroke:#faf8da;stroke-width:24;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1" d="M342 192v0l-90-90V42l30-30h30l30 30 30-30h30l30 30v60l-90 90"/>
|
||||
<path style="fill:none;stroke:#faf8da;stroke-width:24.2904;stroke-linecap:square;stroke-linejoin:round;stroke-opacity:1" d="M12 197v0V12h180M12 102v0h150H12m180 0v0-90m0 90v0h-30"/>
|
||||
</svg>
|
||||
|
|
Before Width: | Height: | Size: 476 B After Width: | Height: | Size: 486 B |
3
static/img/up.svg
Normal file
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 -6 6 6">
|
||||
<path d="M1 0V-2H3L0-6-3-2h2V0Z" fill="#000000"/>
|
||||
</svg>
|
After Width: | Height: | Size: 119 B |
3
static/img/upup.svg
Normal file
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 -7.5 6 7.5">
|
||||
<path d="M1 0V-2H3L0-6-3-2h2V0ZM0-7.5l-3 4h.75L0-6.5l2.25 3H3Z" fill="#000000"/>
|
||||
</svg>
|
After Width: | Height: | Size: 154 B |