feat: enhance responsive design for settings content layout

medyo · medyo · commit 10ee92410a15 · 2026-03-18T21:54:57.000Z
diff --git a/src/components/Layout/SettingsContentLayout/settingsContentLayout.css b/src/components/Layout/SettingsContentLayout/settingsContentLayout.css
@@ -99,9 +99,13 @@
 @media only screen and (max-width: 768px) {
   .settingsContent {
     padding: 16px;
+    min-height: 100vh;
+    height: 100vh;
   }
   .settingsBody {
     max-width: 100%;
     padding: 0;
+    flex: 1 1 auto;
+    min-height: 0;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -99,9 +99,13 @@`
`99`	`99`	`@media only screen and (max-width: 768px) {`
`100`	`100`	`.settingsContent {`
`101`	`101`	`padding: 16px;`
	`102`	`+ min-height: 100vh;`
	`103`	`+ height: 100vh;`
`102`	`104`	`}`
`103`	`105`	`.settingsBody {`
`104`	`106`	`max-width: 100%;`
`105`	`107`	`padding: 0;`
	`108`	`+ flex: 1 1 auto;`
	`109`	`+ min-height: 0;`
`106`	`110`	`}`
`107`	`111`	`}`