Style: copyright button

This commit is contained in:
Pieter Vander Vennet 2023-06-01 02:52:10 +02:00
parent 08a604c3f5
commit 8ed4da4e9d
2 changed files with 21 additions and 9 deletions

View file

@ -143,14 +143,14 @@
<div class="absolute bottom-0 left-0 mb-4 w-screen pointer-events-none">
<div class="w-full flex justify-between px-4 items-end">
<div>
<div class="flex">
<!-- bottom left elements -->
<MapControlButton on:click={() => state.guistate.backgroundLayerSelectionIsOpened.setData(true)}>
<Square3Stack3dIcon class="w-6 h-6"/>
</MapControlButton>
<a class="pointer-events-auto opacity-50 hover:opacity-100 text-white cursor-pointer bg-black-transparent px-1 rounded-2xl"
<a class="pointer-events-auto opacity-50 hover:opacity-100 text-white cursor-pointer bg-black-transparent pl-1 pr-2 rounded-2xl h-fit max-h-12 overflow-hidden self-end"
on:click={() =>{ state.guistate.themeViewTab.setData("copyright"); state.guistate.themeIsOpened.setData(true)}}>
© OpenStreetMap | <span class="w-24">{rasterLayerName}</span>
© OpenStreetMap <span class="w-24">{rasterLayerName}</span>
</a>
</div>

View file

@ -1005,6 +1005,12 @@ video {
height: 1.5rem;
}
.h-fit {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.h-4 {
height: 1rem;
}
@ -1017,12 +1023,6 @@ video {
height: 0.75rem;
}
.h-fit {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.h-7 {
height: 1.75rem;
}
@ -1055,6 +1055,10 @@ video {
height: 24rem;
}
.max-h-2 {
max-height: 0.5rem;
}
.max-h-12 {
max-height: 3rem;
}
@ -1071,6 +1075,14 @@ video {
max-height: 100vh;
}
.max-h-4 {
max-height: 1rem;
}
.max-h-6 {
max-height: 1.5rem;
}
.w-full {
width: 100%;
}