feat: reduce margin browser recorder
This commit is contained in:
@@ -60,9 +60,9 @@ code {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: calc(100% - 4rem);
|
width: 100%;
|
||||||
height: calc(100vh - 4rem);
|
height: calc(100vh - 2rem);
|
||||||
margin: 2rem 2rem 2rem 2rem;
|
margin: 1rem 1rem 1rem 1rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -81,7 +81,6 @@ code {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.right-side-panel {
|
.right-side-panel {
|
||||||
margin-left: 1.5rem;
|
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
transform-origin: top left;
|
transform-origin: top left;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -92,25 +91,3 @@ code {
|
|||||||
bottom: 2rem !important;
|
bottom: 2rem !important;
|
||||||
margin-bottom: 0 !important;
|
margin-bottom: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Consistent layout across all screen sizes */
|
|
||||||
@media screen and (min-width: 1024px) {
|
|
||||||
#browser-recorder {
|
|
||||||
width: calc(100% - 4rem);
|
|
||||||
height: calc(100vh - 4rem);
|
|
||||||
margin: 2rem 2rem 2rem 2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Adjust for very small screens */
|
|
||||||
@media screen and (max-width: 1023px) {
|
|
||||||
#browser-recorder {
|
|
||||||
width: calc(100% - 2rem);
|
|
||||||
height: calc(100vh - 3rem);
|
|
||||||
margin: 1.5rem 1rem 1.5rem 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right-side-panel {
|
|
||||||
margin-left: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user