Fix mobile preview positioning
This commit is contained in:
parent
1a4995430e
commit
89c6a327fc
@ -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 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user