radicle/radicle-explorer
1
0
Fork 0
mirror of https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git synced 2026-11-12 05:50:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add Header component and required components

Browse Source
This commit is contained in:
Sebastian Martinez
2024-08-28 10:54:12 +02:00
committed by Rūdolfs Ošiņš
parent 5f61400707
commit 761c59e4e4
10 changed files with 282 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Header/Background.svelte
+49
View File
@@ -0,0 +1,49 @@
<style>
.container {
height: 3rem;
z-index: -1;
position: absolute;
top: 0;
left: 0.5rem;
right: 0.5rem;
display: grid;
grid-template-columns: repeat(3, 2px) auto repeat(3, 2px);
grid-template-rows: auto repeat(3, 2px);
}
.bg {
background-color: var(--color-background-float);
}
</style>
<div class="container">
<div class="bg"></div>
<div class="bg"></div>
<div class="bg"></div>
<div class="bg"></div>
<div class="bg"></div>
<div class="bg"></div>
<div class="bg"></div>
<div></div>
<div class="bg"></div>
<div class="bg"></div>
<div class="bg"></div>
<div class="bg"></div>
<div class="bg"></div>
<div></div>
<div></div>
<div></div>
<div class="bg"></div>
<div class="bg"></div>
<div class="bg"></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div class="bg"></div>
<div></div>
<div></div>
<div></div>
</div>