This commit is contained in:
2026-07-23 20:46:40 +02:00
parent 3f149531da
commit 78d14a1b56

View File

@@ -15,7 +15,7 @@
.meme-creator-container { .meme-creator-container {
box-sizing: border-box !important; box-sizing: border-box !important;
padding: 20px; padding: 20px;
max-width: 100%; max-width: 1100px;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
@@ -112,6 +112,7 @@
.canvas-wrapper { .canvas-wrapper {
flex: 1; flex: 1;
max-width: 650px;
min-width: 0; /* Allow shrinking */ min-width: 0; /* Allow shrinking */
background: #000; background: #000;
border: 2px solid var(--nav-bg, #2b2b2b); border: 2px solid var(--nav-bg, #2b2b2b);
@@ -250,13 +251,13 @@ canvas#memeCanvas {
.meme-controls { .meme-controls {
box-sizing: border-box !important; box-sizing: border-box !important;
width: 100% !important; width: 100% !important;
max-width: 100% !important; max-width: 500px !important;
overflow: visible !important; overflow: visible !important;
} }
.canvas-wrapper { .canvas-wrapper {
box-sizing: border-box !important; box-sizing: border-box !important;
width: 100% !important; width: 100% !important;
max-width: 100% !important; max-width: 650px !important;
margin-bottom: 10px; margin-bottom: 10px;
overflow: visible !important; overflow: visible !important;
height: auto !important; height: auto !important;
@@ -275,13 +276,13 @@ canvas#memeCanvas {
body:not(.sidebar-right-hidden) .meme-controls { body:not(.sidebar-right-hidden) .meme-controls {
box-sizing: border-box !important; box-sizing: border-box !important;
width: 100% !important; width: 100% !important;
max-width: 100% !important; max-width: 500px !important;
overflow: visible !important; overflow: visible !important;
} }
body:not(.sidebar-right-hidden) .canvas-wrapper { body:not(.sidebar-right-hidden) .canvas-wrapper {
box-sizing: border-box !important; box-sizing: border-box !important;
width: 100% !important; width: 100% !important;
max-width: 100% !important; max-width: 650px !important;
margin-bottom: 10px; margin-bottom: 10px;
overflow: visible !important; overflow: visible !important;
height: auto !important; height: auto !important;