riki/treehouse
riki/treehouse
1
Fork 0
Code Issues 33 Activity

add image upload feature in dev mode

Browse source
This commit is contained in:
りき萌 2024-12-08 12:45:29 +01:00
parent 47c2b74ecb
commit 0ce7f50285
11 changed files with 369 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

53
static/css/page/treehouse/dev/tools.css Normal file
View file

@ -0,0 +1,53 @@
th-picture-upload {
display: block;
border: 1px solid var(--border-1);
padding: 8px 12px;
margin-right: 8px;
border-radius: 8px;
cursor: default;
&:focus {
border-color: var(--liquidex-brand-blue);
}
& > .nothing-pasted {
text-align: center;
opacity: 50%;
padding: 16px;
}
& > .have-picture {
& > p {
padding-bottom: 8px;
}
& > img {
max-height: 480px;
}
}
& > .copied-to-clipboard {
text-align: center;
padding: 16px;
}
/* State display */
& > * {
display: none;
}
&[data-state="init"] > .nothing-pasted {
display: block;
}
&[data-state="have-picture"] > .have-picture {
display: block;
}
&[data-state="copied-to-clipboard"] > .copied-to-clipboard {
display: block;
}
}