midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

layer-selection uses more Tailwind

Browse source 
- Tailwind for border radius, same as other elements
- Tailwind for placement
This commit is contained in:
Tobias 2021-01-20 21:56:11 +01:00
parent 871f512c0d
commit 7556c7a4b1
2 changed files with 1 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
index.css
View file

@ -95,14 +95,10 @@ a {
} }
#layer-selection { #layer-selection {
position: absolute;
bottom: 1em;
left: 1em;
z-index: 9000; z-index: 9000;
background-color: var(--background-color); background-color: var(--background-color);
color: var(--foreground-color); color: var(--foreground-color);
border-radius: 1em;
cursor: pointer; cursor: pointer;
box-shadow: 0 0 10px var(--shadow-color); box-shadow: 0 0 10px var(--shadow-color);
} }
@ -142,7 +138,6 @@ a {
} }
.layer-selection-toggle { .layer-selection-toggle {
border-radius: 1em;
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
background: var(--subtle-detail-color); background: var(--subtle-detail-color);

2
index.html
View file

@ -57,7 +57,7 @@
<div id="help-button-mobile"></div> <div id="help-button-mobile"></div>
</div> </div>
<div id="layer-selection"></div> <div id="layer-selection" class="absolute bottom-3 left-3 rounded-3xl overflow-hidden"></div>
<div id="centermessage">Loading MapComplete, hang on...</div> <div id="centermessage">Loading MapComplete, hang on...</div>