Add player leaderboard and homepage preview
This commit is contained in:
69
app/home-map.css
Normal file
69
app/home-map.css
Normal file
@@ -0,0 +1,69 @@
|
||||
/* Vanilla 1.21.11 map_background.png, rendered with its original alpha edges. */
|
||||
.card-map-content {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
}
|
||||
.home-page .minecraft-paper {
|
||||
--map-paper-inset: 9.375%;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
clip-path: none;
|
||||
background: url("/images/minecraft-map-background.png") center / 100% 100%
|
||||
no-repeat;
|
||||
box-shadow: none;
|
||||
image-rendering: pixelated;
|
||||
filter: drop-shadow(4px 6px 0 #04080c99);
|
||||
}
|
||||
.home-page .map-art-frame {
|
||||
width: 320px;
|
||||
height: 320px;
|
||||
transform: none;
|
||||
padding: 0;
|
||||
}
|
||||
.home-page .map-art-frame img {
|
||||
position: absolute;
|
||||
inset: var(--map-paper-inset);
|
||||
width: 81.25%;
|
||||
height: 81.25%;
|
||||
display: block;
|
||||
object-fit: contain;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
.home-page .card-image .card-map-content {
|
||||
inset: var(--map-paper-inset);
|
||||
}
|
||||
.home-page .minecraft-paper.card-image .card-map-content img {
|
||||
object-fit: contain;
|
||||
}
|
||||
.home-page .map-card:hover .minecraft-paper img {
|
||||
transform: none;
|
||||
}
|
||||
.home-page .minecraft-paper .card-type {
|
||||
top: -16px;
|
||||
left: 0;
|
||||
}
|
||||
.home-page .empty-map-art {
|
||||
aspect-ratio: 1;
|
||||
padding: 0;
|
||||
transform: none;
|
||||
}
|
||||
.home-page .empty-map-art img {
|
||||
position: absolute;
|
||||
inset: var(--map-paper-inset);
|
||||
width: 81.25%;
|
||||
height: 81.25%;
|
||||
object-fit: contain;
|
||||
filter: none;
|
||||
}
|
||||
@media (max-width: 1000px) {
|
||||
.home-page .map-art-frame {
|
||||
width: 288px;
|
||||
height: 288px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
.home-page .map-art-frame {
|
||||
width: 256px;
|
||||
height: 256px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user