ari/arimelody-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

early admin edit blog page

Browse source
This commit is contained in:
ari melody 2025-11-07 02:35:51 +00:00
parent 65366032fd
commit 82fd17c836
Signed by: ari
GPG key ID: CF99829C92678188
7 changed files with 297 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

100
admin/static/edit-blog.css Normal file
View file

@ -0,0 +1,100 @@
input[type="text"] {
padding: .3em .5em;
font-size: inherit;
font-family: inherit;
border: none;
border-radius: 4px;
outline: none;
color: inherit;
background-color: var(--bg-1);
box-shadow: var(--shadow-sm);
}
#blogpost {
margin-bottom: 1em;
padding: 1.5em;
border-radius: 8px;
background-color: var(--bg-2);
box-shadow: var(--shadow-lg);
transition: background .1s ease-out, color .1s ease-out;
}
#blogpost label {
margin: 1.2em 0 .2em .1em;
display: block;
font-size: .8em;
text-transform: uppercase;
font-weight: 600;
}
#blogpost label:first-of-type {
margin-top: 0;
}
#blogpost h2 {
margin: 0;
font-size: 2em;
}
#blogpost #title {
width: 100%;
margin: 0 -.2em;
padding: 0 .2em;
resize: none;
font-family: inherit;
font-size: inherit;
font-weight: bold;
border-radius: 4px;
border: 1px solid transparent;
background: transparent;
color: var(--fg-3);
outline: none;
cursor: pointer;
transition: background .1s ease-out, border-color .1s ease-out;
/*position: relative; outline: none;*/
white-space: pre-wrap; overflow-wrap: break-word;
}
#blogpost #title:hover {
background-color: var(--bg-3);
border-color: var(--fg-0);
}
#blogpost #title:active,
#blogpost #title:focus {
background-color: var(--bg-3);
}
#blogpost textarea {
width: calc(100% - 2em);
margin: 0;
padding: 1em;
display: block;
border: none;
border-radius: 4px;
background-color: var(--bg-1);
color: var(--fg-3);
box-shadow: var(--shadow-md);
resize: vertical;
outline: none;
}
#blogpost #description {
font-family: inherit;
}
#blogpost select {
padding: .5em .8em;
font-size: inherit;
border: none;
border-radius: 10em;
color: var(--fg-3);
background-color: var(--bg-1);
box-shadow: var(--shadow-sm);
}
#blogpost .blog-actions {
margin-top: 1em;
}