Top save button + fixed some CSS

This commit is contained in:
2025-09-01 16:46:43 +00:00
parent f98f2d598f
commit 3198755576
3 changed files with 27 additions and 13 deletions

View File

@ -6,6 +6,7 @@
<h1>Edit Site Info</h1> <h1>Edit Site Info</h1>
<form id="site-info-form"> <form id="site-info-form">
<button type="submit" class="top-save">Save</button>
<!-- Info Section --> <!-- Info Section -->
<fieldset> <fieldset>
<h2>Info</h2> <h2>Info</h2>
@ -132,6 +133,7 @@
</fieldset> </fieldset>
<button type="submit">Save</button> <button type="submit">Save</button>
</form> </form>
<!-- Stepper -->
<div class="section"> <div class="section">
<h2>Steps</h2> <h2>Steps</h2>
<p> Follow the steps to generate your static gallery</p> <p> Follow the steps to generate your static gallery</p>

View File

@ -7,7 +7,7 @@ body {
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
margin:0px; margin:0px;
width: 100vw; min-width: 320px;
} }
a { a {
@ -244,6 +244,14 @@ h2 {
margin: 30px 0 0 0; margin: 30px 0 0 0;
} }
#hero-count-bottom, #gallery-count-bottom {
flex-basis: 100%;
}
.bottom-action-row {
margin-top: 30px;
}
/* --- Photo Card --- */ /* --- Photo Card --- */
.photo { .photo {
background-color: rgb(67 67 67 / 26%); background-color: rgb(67 67 67 / 26%);
@ -618,6 +626,10 @@ label {
box-shadow: 0 2px 8px rgba(0,0,0,0.07); 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 { #theme-editor-form input, #theme-editor-form textarea,#theme-editor-form select {
margin-bottom: 18px; margin-bottom: 18px;
} }
@ -626,7 +638,9 @@ label {
gap: 0 18px; gap: 0 18px;
} }
.theme-info {
margin-bottom: 25px;
}
#site-info-form input::placeholder, #site-info-form input::placeholder,
#theme-editor-form input::placeholder, #theme-editor-form input::placeholder,
@ -919,6 +933,7 @@ justify-content: center;
#footer a { #footer a {
color: #fff; color: #fff;
margin: auto;
} }
.footer-credit .lum-first::before { .footer-credit .lum-first::before {
@ -1035,14 +1050,16 @@ justify-content: center;
/* Hide the default arrow */ /* Hide the default arrow */
color: transparent; color: transparent;
} }
#site-info-form, #theme-editor-form {
padding: 18px 8px;
}
.input-field { .input-field {
min-width: 100%; min-width: 100%;
margin-bottom: 12px; margin-bottom: 12px;
} }
#site-info-form button[type="submit"], #theme-editor-form button[type="submit"] {
width: 100%;
}
#color-picker .input-field{ #color-picker .input-field{
min-width: 170px; min-width: 170px;
} }
@ -1053,10 +1070,3 @@ justify-content: center;
} }
} }
#hero-count-bottom, #gallery-count-bottom {
flex-basis: 100%;
}
.bottom-action-row {
margin-top: 30px;
}

View File

@ -10,6 +10,7 @@
<strong>Current theme:</strong> <span id="current-theme"></span> <strong>Current theme:</strong> <span id="current-theme"></span>
</div> </div>
<form id="theme-editor-form"> <form id="theme-editor-form">
<button type="submit" class="top-save">Save</button>
<!-- Colors Section --> <!-- Colors Section -->
<fieldset id="color-picker"> <fieldset id="color-picker">
<h2>Colors</h2> <h2>Colors</h2>
@ -133,8 +134,9 @@
</div> </div>
</div> </div>
</fieldset> </fieldset>
<button type="submit">Save Theme</button> <button type="submit">Save</button>
</form> </form>
<!-- Stepper -->
<div class="section"> <div class="section">
<h2>Steps</h2> <h2>Steps</h2>
<p> Follow the steps to generate your static gallery</p> <p> Follow the steps to generate your static gallery</p>