2/4/6/9 maps
Signed-off-by: K1 <git@karoh.net>
This commit is contained in:
parent
df4556a682
commit
7783aeba29
3 changed files with 119 additions and 30 deletions
29
dve.css
29
dve.css
|
|
@ -6,13 +6,33 @@ html, body {
|
|||
font-family: sans-serif;
|
||||
}
|
||||
#container {
|
||||
display: flex;
|
||||
display: grid;
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
}
|
||||
#container[data-count="2"] {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-rows: 1fr;
|
||||
}
|
||||
#container[data-count="4"] {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-rows: repeat(2, 1fr);
|
||||
}
|
||||
#container[data-count="6"] {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-template-rows: repeat(2, 1fr);
|
||||
}
|
||||
#container[data-count="9"] {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
}
|
||||
.map-wrapper {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
}
|
||||
.map-wrapper.hidden {
|
||||
display: none;
|
||||
}
|
||||
.map {
|
||||
height: 100%;
|
||||
|
|
@ -28,3 +48,8 @@ html, body {
|
|||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.layout-selector {
|
||||
position: fixed;
|
||||
top: auto;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue