feat: improve ui

dewanakl · Nov 10, 2024 · 70da86f · 70da86f
1 parent 1431a95
commit 70da86f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/dashboard.html b/dashboard.html
@@ -372,14 +372,14 @@ <h6 class="fw-bold m-0 p-0" id="count-like">
                     <form>
                         <div class="mb-3">
                             <label for="loginEmail" class="form-label"><i class="fa-solid fa-envelope me-1"></i>Email</label>
-                            <input type="email" class="form-control rounded-4" id="loginEmail" required autocomplete="email">
+                            <input type="email" class="form-control shadow-sm rounded-4" id="loginEmail" required autocomplete="email">
                         </div>
                         <div class="mb-3">
                             <label for="loginPassword" class="form-label"><i class="fa-solid fa-lock me-1"></i>Password</label>
-                            <input type="password" class="form-control rounded-4" id="loginPassword" required autocomplete="current-password">
+                            <input type="password" class="form-control shadow-sm rounded-4" id="loginPassword" required autocomplete="current-password">
                         </div>
                         <div class="d-grid">
-                            <button type="submit" class="btn btn-primary rounded-4" onclick="admin.login(this)"><i class="fa-solid fa-right-to-bracket me-1"></i>Login</button>
+                            <button type="submit" class="btn btn-primary shadow-sm rounded-4" onclick="admin.login(this)"><i class="fa-solid fa-right-to-bracket me-1"></i>Login</button>
                         </div>
                     </form>
                 </div>

diff --git a/index.html b/index.html
@@ -112,7 +112,7 @@
     </nav>
 
     <!-- Main Content -->
-    <main class="bg-dark text-light" data-bs-spy="scroll" data-bs-target="#navbar-menu" data-bs-root-margin="0px 0px -40%" data-bs-smooth-scroll="true" tabindex="0">
+    <main class="bg-dark text-light" data-bs-spy="scroll" data-bs-target="#navbar-menu" data-bs-root-margin="0px 0px -10%" data-bs-smooth-scroll="true" tabindex="0">
 
         <!-- Home -->
         <section id="home" class="position-relative overflow-hidden p-0 m-0">
@@ -560,7 +560,7 @@ <h2 class="font-esthetic mb-4" style="font-size: 2.5rem;">The Wedding Of</h2>
                 <h2 class="font-esthetic mb-4" style="font-size: 2.5rem;">Wahyu &amp; Riski</h2>
                 <div id="guest-name" data-message="Kepada Yth Bapak/Ibu/Saudara/i"></div>
 
-                <button type="button" class="btn btn-light shadow rounded-4 mt-4" onclick="guest.open(this)"><i class="fa-solid fa-envelope-open me-2"></i>Open Invitation</button>
+                <button type="button" class="btn btn-light shadow rounded-4 mt-3" onclick="guest.open(this)"><i class="fa-solid fa-envelope-open me-2"></i>Open Invitation</button>
             </div>
         </div>
     </div>

diff --git a/js/guest.js b/js/guest.js
@@ -79,7 +79,7 @@ export const guest = (() => {
         } else {
             const div = document.createElement('div');
             div.classList.add('m-2');
-            div.innerHTML = `<p class="mt-0 mb-1 mx-0 p-0" style="font-size: 0.95rem;">${guest.getAttribute('data-message')}</p><h2>${util.escapeHtml(name)}</h2>`;
+            div.innerHTML = `<p class="mt-0 mb-1 mx-0 p-0" style="font-size: 0.95rem;">${guest.getAttribute('data-message')}</p><h2 class="m-0 p-0">${util.escapeHtml(name)}</h2>`;
             guest.appendChild(div);
         }