Beta-2.1 - The clearer, the faster #22
@ -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>
|
||||||
|
@ -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;
|
|
||||||
}
|
|
@ -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>
|
||||||
|
Reference in New Issue
Block a user