Djeex/lumeex
1
1
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 8 Wiki Activity

Redone form save logic

Browse Source
This commit is contained in:
Djeex
2025-09-02 14:44:54 +02:00
parent f8bebb9c95
commit 795f5fbd13
7 changed files with 925 additions and 574 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/webui/style/style.css
View File

@ -610,9 +610,9 @@ label {
letter-spacing: 0.5px;
}
#site-info-form input, #theme-editor-form input,
#site-info-form textarea, #theme-editor-form textarea,
#site-info-form select, #theme-editor-form select {
form input,
form textarea,
form select {
background: #1f2223;
color: #fff;
border: 1px solid #585858;
@ -626,10 +626,6 @@ label {
box-shadow: 0 2px 8px rgba(0,0,0,0.07);
}
#site-info-form button[type="submit"].top-save, #theme-editor-form button[type="submit"].top-save {
margin-bottom: 0;
}
#theme-editor-form input, #theme-editor-form textarea,#theme-editor-form select {
margin-bottom: 18px;
}
@ -642,25 +638,20 @@ label {
margin-bottom: 25px;
}
#site-info-form input::placeholder,
#theme-editor-form input::placeholder,
#site-info-form textarea::placeholder,
#theme-editor-form textarea::placeholder {
form input::placeholder,
form textarea::placeholder {
color: #585858;
font-style: italic;
}
#site-info-form input:focus,
#theme-editor-form input:focus,
#site-info-form textarea:focus,
#theme-editor-form textarea:focus,
#site-info-form select:focus,
#theme-editor-form select:focus {
form input:focus,
form textarea:focus,
form select:focus {
border-color: #585858;
background: #161616;
}
#site-info-form textarea,
#theme-editor-form textarea {
form textarea {
min-height: 60px;
resize: vertical;
}
@ -679,7 +670,7 @@ img#thumbnail-preview {
border: 1px solid #585858;
}
#site-info-form button[type="submit"], #theme-editor-form button[type="submit"] {
form button[type="submit"] {
background: linear-gradient(135deg, #26c4ff, #016074);
color: #fff;
font-weight: 700;
@ -693,11 +684,11 @@ img#thumbnail-preview {
transition: background 0.2s;
}
#site-info-form button[type="submit"]:hover, #theme-editor-form button[type="submit"]:hover {
form button[type="submit"]:hover {
background: linear-gradient(135deg, #72d9ff, #26657e);
}
#site-info-form button[type="button"], #theme-editor-form button[type="button"] {
form button[type="button"] {
background: #00000000;
color: #fff;
border: none;
@ -710,34 +701,36 @@ img#thumbnail-preview {
border: 1px solid #585858;
}
#site-info-form button[type="button"]:hover, #theme-editor-form button[type="button"]:hover {
form button[type="button"]:hover{
background: #2d2d2d;
color: #fff;
}
#site-info-form button.remove-menu-item, #site-info-form button.remove-ip-paragraph, #theme-editor-form button.remove-menu-item, #theme-editor-form button.remove-ip-paragraph {
form button.remove-menu-item,
form button.remove-ip-paragraph {
margin-top: 0px;
margin-bottom: 4px;
border-radius: 30px;
background: #2d2d2d;
}
#site-info-form button.remove-menu-item:hover, #site-info-form button.remove-ip-paragraph:hover, #theme-editor-form button.remove-menu-item:hover, #theme-editor-form button.remove-ip-paragraph:hover {
form button.remove-menu-item:hover,
form button.remove-ip-paragraph:hover {
background: rgb(121, 26, 19);
}
#site-info-form button.remove-btn, #theme-editor-form button.remove-btn {
form button.remove-btn {
border-radius: 30px;
background: #2d2d2d;
}
#site-info-form button.remove-btn:hover, #theme-editor-form button.remove-btn:hover {
form button.remove-btn:hover {
background: rgb(121, 26, 19);
}
#site-info-form .thumbnail-form-label, #theme-editor-form .thumbnail-form-label {
form .thumbnail-form-label {
margin-top: 10px;
}
@ -799,6 +792,10 @@ fieldset p, .section p {
margin-top: 16px;
}
.section-status {
font-style: normal;
}
/* --- Stepper --- */
#stepper {