improve basic map
Some checks failed
/ deploy (push) Has been cancelled

This commit is contained in:
Minecon724 2024-10-09 15:56:21 +02:00
parent 89ecb2b68c
commit 6de2fcac99
Signed by: Minecon724
GPG key ID: 3CCC4D267742C8E8
2 changed files with 15 additions and 8 deletions

View file

@ -10,7 +10,7 @@
<body>
<div id="sidebar">
<div>
<div id="sidebarContent">
<h2>AS4242420129</h2>
<div id="nodes"></div>
</div>

View file

@ -11,25 +11,31 @@ html, body {
position: absolute;
z-index: 9999;
background: rgba(0,0,0, 0.9);
background: rgba(0,0,0, 0.7);
backdrop-filter: blur(32px);
color: white;
mask-image: linear-gradient(90deg, black 300px, transparent 320px);
div {
#sidebarContent {
text-align: center;
height: 100%;
width: 300px;
h2 {
text-align: center;
overflow-x: scroll;
#nodes {
width: 100%;
}
#nodes > div {
text-align: left;
cursor: pointer;
background: #222;
padding: 10px;
padding: 10px 20px;
margin: 10px;
width: calc(100% - 40px);
width: calc(100% - 60px);
height: auto;
border-radius: 8px;
}
}
@ -105,7 +111,8 @@ html, body {
mask-image: linear-gradient(180deg, black 200px, transparent 220px);
div {
#sidebarContent {
width: 100%;
height: 200px;
}
}