Optimize the styling for mobile devices

go-gitea · Nov 27, 2024 · ea2a23c · ea2a23c
1 parent 132f1a4
commit ea2a23c
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/web_src/css/features/cropper.css b/web_src/css/features/cropper.css
@@ -2,9 +2,14 @@
 
 .cropper-panel {
   display: flex;
+  flex-wrap: wrap;
   column-gap: 10px;
 }
 
+.cropper-panel h3 {
+  word-break: keep-all;
+}
+
 .cropper-panel #cropper-result {
   overflow: hidden;
   width: 256px;
@@ -15,6 +20,7 @@
 
 .cropper-panel .cropper-editor {
   flex: 1;
+  min-width: 300px;
   max-width: 100%;
   overflow: hidden;
 }