gator/explorata
gator/explorata
1
0
Fork 0
Code Pull Requests Projects Releases 1 Activity

menu tweak

Browse Source
This commit is contained in:
Ali Gator 2022-12-04 16:45:40 +01:00
parent 71b046cbf6
commit d000641ea5
1 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/MenuRow.vue
View File

@ -26,8 +26,8 @@
font-size: medium; font-size: medium;
padding: 10px; padding: 10px;
cursor: pointer; cursor: pointer;
border-bottom: 1px solid darkgrey; border-bottom: 1px solid var(--dark3);
border-top: 1px solid darkgrey; border-top: 1px solid var(--dark3);
margin: 0 0 10px 0; margin: 0 0 10px 0;
} }
@ -73,19 +73,33 @@
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.menu-row { .menu-row {
/* position: static; */ margin: 0 auto;
padding: 0 10px; width: 100%;
}
.menu-row h2,
.form-field {
margin: 0;
}
.menu-row h2 {
border-bottom: 1px solid var(--dark3);
border-top: none;
}
.form-field {
padding: 10px;
} }
.menu-row:active .menu-row-content { .menu-row:active .menu-row-content {
display: flex; display: flex;
flex-direction: column;
height: 100%;
} }
.menu-row-content { .menu-row-content {
position: relative; position: relative;
width: 100%; width: 100%;
/* display: flex; */
flex-direction: column;
} }
} }
</style> </style>