fix: remove unnecessary margins from v-main for consistent layout (#7481)

Saramanda9988 · web-flow · commit 35ce281cbe67 · 2026-04-13T08:47:37.000+08:00
* fix: remove unnecessary margins from v-main for consistent layout

* fix: remove media query for v-main margin to simplify layout
diff --git a/dashboard/src/scss/layout/_container.scss b/dashboard/src/scss/layout/_container.scss
@@ -2,17 +2,12 @@ html {
   overflow-y: auto;
 }
 .v-main {
-  margin-right: 20px;
+  margin: 0;
 }
 
 .top-header {
   border-bottom: 1px solid rgba(var(--v-theme-borderLight), 0.5);
 }
-@media (max-width: 1279px) {
-  .v-main {
-    margin: 0 10px;
-  }
-}
 .spacer {
   padding: 100px 0;
 }

Original file line number	Diff line number	Diff line change
`@@ -2,17 +2,12 @@ html {`
`2`	`2`	`overflow-y: auto;`
`3`	`3`	`}`
`4`	`4`	`.v-main {`
`5`		`- margin-right: 20px;`
	`5`	`+ margin: 0;`
`6`	`6`	`}`
`7`	`7`
`8`	`8`	`.top-header {`
`9`	`9`	`border-bottom: 1px solid rgba(var(--v-theme-borderLight), 0.5);`
`10`	`10`	`}`
`11`		`-@media (max-width: 1279px) {`
`12`		`- .v-main {`
`13`		`- margin: 0 10px;`
`14`		`- }`
`15`		`-}`
`16`	`11`	`.spacer {`
`17`	`12`	`padding: 100px 0;`
`18`	`13`	`}`