Fix mobile preview positioning

This commit is contained in:
shamoon 2024-10-25 11:32:58 -07:00
parent 1a4995430e
commit 89c6a327fc

View File

@ -65,12 +65,18 @@ textarea.rtl {
.thumb-preview { .thumb-preview {
top: 0; top: 0;
left: calc(.5 * var(--bs-gutter-x)); left: 0;
width: 100%;
height: calc(100vh - 160px); height: calc(100vh - 160px);
@media screen and (min-width: 768px) {
left: calc(.5 * var(--bs-gutter-x));
width: calc(100% - var(--bs-gutter-x));
}
overflow: hidden; overflow: hidden;
background-color: gray; background-color: gray;
padding: 10px 8px; // border padding: 10px 8px; // border
width: calc(100% - var(--bs-gutter-x));
z-index: 1000; z-index: 1000;
> div { > div {