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