mirror of
https://github.com/stewit/banana_split.git
synced 2026-09-14 02:56:18 +05:00
nit: info msg under nav buttons on small screens
This commit is contained in:
parent
299f204cbf
commit
d3ab889c7e
33
src/App.vue
33
src/App.vue
@ -245,20 +245,8 @@ textarea:disabled {
|
||||
}
|
||||
|
||||
#logo {
|
||||
margin: 0 2rem;
|
||||
}
|
||||
@media screen and (min-width: 850px) {
|
||||
#logo {
|
||||
position: absolute;
|
||||
top: 2.5rem;
|
||||
left: 2rem;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 500px) {
|
||||
#logo {
|
||||
display: none;
|
||||
}
|
||||
margin: 0 2rem 0 0;
|
||||
transform: translateY(-1rem);
|
||||
}
|
||||
#logo span {
|
||||
font-size: 1.2em;
|
||||
@ -305,4 +293,21 @@ button {
|
||||
font-style: italic;
|
||||
color: darkgray;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 850px) {
|
||||
#logo {
|
||||
position: absolute;
|
||||
top: 3.5rem;
|
||||
left: 2rem;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 530px) {
|
||||
#logo {
|
||||
display: none;
|
||||
}
|
||||
.fold input:checked ~ .fold-content {
|
||||
margin-top: 6rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -69,7 +69,6 @@ export default {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 150px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.fold-content {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user