fix styles

GoodDayForSurf · GoodDayForSurf · commit ebc3212a7744 · 2025-04-24T00:54:41.000+04:00
diff --git a/packages/devextreme-cli/src/templates/react/application/src/dx-styles.scss b/packages/devextreme-cli/src/templates/react/application/src/dx-styles.scss
@@ -67,10 +67,10 @@ body {
 
   .responsive-paddings {
     padding: 20px;
+  }
 
-    .screen-large & {
-      padding: 40px;
-    }
+  .screen-large .responsive-paddings {
+    padding: 40px;
   }
 
   .dx-card.wide-card {
diff --git a/packages/devextreme-cli/src/templates/vue-v3/application/src/dx-styles.scss b/packages/devextreme-cli/src/templates/vue-v3/application/src/dx-styles.scss
@@ -40,12 +40,13 @@ $side-panel-min-width: 60px;
     margin-top: 20px;
   }
 
+
   .responsive-paddings {
     padding: 20px;
+  }
 
-    .screen-large & {
-      padding: 40px;
-    }
+  .screen-large .responsive-paddings {
+    padding: 40px;
   }
 
   .dx-card.wide-card {

Original file line number	Diff line number	Diff line change
`@@ -40,12 +40,13 @@ $side-panel-min-width: 60px;`
`40`	`40`	`margin-top: 20px;`
`41`	`41`	`}`
`42`	`42`
	`43`	`+`
`43`	`44`	`.responsive-paddings {`
`44`	`45`	`padding: 20px;`
	`46`	`+ }`
`45`	`47`
`46`		`- .screen-large & {`
`47`		`- padding: 40px;`
`48`		`- }`
	`48`	`+ .screen-large .responsive-paddings {`
	`49`	`+ padding: 40px;`
`49`	`50`	`}`
`50`	`51`
`51`	`52`	`.dx-card.wide-card {`