Minecon724/dn42-info
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
html/map/index.html
View file

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

21
html/map/style.css
View file

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