Added skeletons

2023-01-03 03:26:50 +01:00 · 2023-01-03 03:26:50 +01:00 · cc2df74d62
parent ed251ebf38
commit cc2df74d62
2 changed files with 23 additions and 0 deletions
--- a/public/assets/skeleton.gif
+++ b/public/assets/skeleton.gif
--- a/src/App.svelte
+++ b/src/App.svelte
@ -13,6 +13,8 @@

 <Router>
    <h1>sofi web</h1>
+    <img class="left-skeleton" alt="Esqueleto" src="/assets/skeleton.gif" />
+    <img class="right-skeleton" alt="Esqueleto" src="/assets/skeleton.gif" />
    <div>
        <nav>
            <Navbar/>
@ -61,4 +63,25 @@
            width: 90%;
        }
    }
+
+    img {
+        width: 200px;
+        position: fixed;
+        bottom: -10px;
+    }
+
+    .left-skeleton {
+        left: -10px;
+    }
+
+    .right-skeleton {
+        right: -10px;
+    }
+
+    @media only screen and (max-width: 1000px) {
+        img {
+            width: 70px;
+            top: 0;
+        }
+    }
 </style>