WIP

2025-05-30 18:09:41 -07:00
parent 1c5ce87922
commit f670147b48
4 changed files with 65 additions and 5 deletions
--- a/static/index.html
+++ b/static/index.html
@@ -42,6 +42,8 @@

 <body>

+  <div class="status-bar" id="status_bar"></div>
+
  <div id="burger-menu-button" class="burger-menu">☰</div>
  <div class="nav-overlay"></div>

@@ -79,8 +81,6 @@

    </nav>

-
-
    <div class="content">
      <!-- <div class="img-button" id="ddln_logo_button"></div> -->
      <div id="status"></div>
--- a/static/main.css
+++ b/static/main.css
@@ -326,6 +326,11 @@ iframe {
    border-radius: 50%;
 }

+.small {
+    width: 24px;
+    height: 24px; 
+}
+
 .profile-pic-container img {
    width: 100%;
    height: 100%;
@@ -355,4 +360,34 @@ iframe {

 .compose-button:hover {
    background-color: rgb(87, 87, 255);
+}
+
+.status-bar {
+    align-content: center;
+}
+
+.spinner {
+    display: inline-block; 
+    animation-name: spin;
+    animation-duration: 2000ms;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    /* font-size: 64px; */
+}
+
+@keyframes spin {
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .spinner {
+        animation: none;
+        transform: none; 
+    }
 }