mirror of
https://github.com/openfrontio/OpenFrontIO.git
synced 2026-08-18 00:28:14 +00:00
Merge pull request #32 from NewHappyRabbit/flags
Fixed flag modal CSS for mobile
This commit is contained in:
@@ -59,6 +59,7 @@ export class FlagInput extends LitElement {
|
|||||||
backdrop-filter: blur(12px);
|
backdrop-filter: blur(12px);
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
z-index: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flag-search {
|
.flag-search {
|
||||||
@@ -71,9 +72,11 @@ export class FlagInput extends LitElement {
|
|||||||
|
|
||||||
.flag-dropdown {
|
.flag-dropdown {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-evenly;
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -98,9 +101,7 @@ export class FlagInput extends LitElement {
|
|||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.flag-modal {
|
.flag-modal {
|
||||||
left: 0px;
|
width: 80vw;
|
||||||
width: calc(100% - 16px);
|
|
||||||
height: 50vh;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-item {
|
.dropdown-item {
|
||||||
|
|||||||
Reference in New Issue
Block a user