fix: make sure there's enough space for the close button

This commit is contained in:
kolaente 2023-10-22 19:20:49 +02:00
parent 08f55292f3
commit 9ef592c5d0
Signed by untrusted user: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 6 additions and 2 deletions

View File

@ -197,7 +197,7 @@ $modal-width: 1024px;
.close {
$close-button-padding: 26px;
position: fixed;
top: 5px;
top: .5rem;
right: $close-button-padding;
color: var(--grey-900);
font-size: 2rem;
@ -212,6 +212,10 @@ $modal-width: 1024px;
@media screen and (min-width: calc(#{$desktop } + #{$close-button-min-space})) {
color: var(--white);
}
@media screen and (min-width: $tablet) and (max-width: #{$desktop + $close-button-min-space}) {
top: .75rem;
}
}
</style>

View File

@ -136,7 +136,7 @@ async function save(title: string) {
}
@media screen and (min-width: $tablet) and (max-width: #{$desktop + $close-button-min-space}) {
width: calc(100% - 5rem);
width: calc(100% - 6.5rem);
}
}