sofia/website-cb-mirror
1
0
Fork 0
mirror of https://codeberg.org/sofiaritz/website.git synced 2023-09-06 01:24:41 +00:00
Code Issues Projects Releases Packages Wiki Activity

Added skeletons

Browse source
This commit is contained in:
Sofía Aritz 2023-01-03 03:26:50 +01:00
parent ed251ebf38
commit cc2df74d62
2 changed files with 23 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/assets/skeleton.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.7 MiB

23
src/App.svelte
View file

@ -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>