fix style after designer review

GoodDayForSurf · GoodDayForSurf · commit 0a6da3b43ec6 · 2024-11-12T01:01:37.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
@@ -17,25 +17,20 @@ body {
   }
 
   .app {
-    background-color: var(--base-bg-darken-5);
     display: flex;
     height: 100%;
     width: 100%;
   }
 
-  background-color: var(--base-bg-darken-5);
-  .dx-drawer-wrapper .dx-overlay-content {
-    box-shadow: 0 4px 4px 0 var(--shadow-color-first), 0 1px 2px 0 var(--shadow-color-second);
-  }
-
   .content {
     line-height: 1.5;
     flex-grow: 1;
-    padding: 40px;
+    padding: 20px 40px;
 
     h2 {
-      font-size: 30px;
+      font-size: 32px;
       margin: 0;
+      line-height: 40px;
     }
 
     .screen-x-small & {
@@ -90,3 +85,12 @@ body {
   }
 
 }
+
+.dx-theme-fluent {
+  .dx-drawer-wrapper {
+    .dx-drawer-panel-content,
+    .dx-overlay-content {
+      box-shadow: 0 4px 4px 0 var(--shadow-color-first), 0 1px 2px 0 var(--shadow-color-second);
+    }
+  }
+}
diff --git a/packages/devextreme-cli/src/templates/react/sample-pages/home/home.scss b/packages/devextreme-cli/src/templates/react/sample-pages/home/home.scss
@@ -37,14 +37,3 @@
     fill:  var(--plus-icon-color);
   }
 }
-
-.screen-x-small .logos-container {
-  svg {
-    width: 100%;
-    display: block;
-
-    &.plus {
-      margin: 0;
-    }
-  }
-}
diff --git a/packages/devextreme-cli/src/templates/vue-v3/application/src/App.vue b/packages/devextreme-cli/src/templates/vue-v3/application/src/App.vue
@@ -90,7 +90,6 @@ body {
 }
 
 .app {
-  background-color: var(--base-bg-darken-5);
   display: flex;
   height: 100%;
   width: 100%;
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
@@ -4,11 +4,12 @@ $side-panel-min-width: 60px;
   .content {
     line-height: 1.5;
     flex-grow: 1;
-    padding: 40px;
+    padding: 20px 40px;
 
     h2 {
-      font-size: 30px;
+      font-size: 32px;
       margin: 0;
+      line-height: 40px;
     }
 
     .screen-x-small & {
@@ -68,8 +69,11 @@ $side-panel-min-width: 60px;
 }
 
 .dx-theme-fluent {
-  .dx-drawer-panel-content  .dx-overlay-content {
-    box-shadow: 0 4px 4px 0 var(--shadow-color-first), 0 1px 2px 0 var(--shadow-color-second);
+  .dx-drawer-wrapper {
+    .dx-drawer-panel-content,
+    .dx-overlay-content {
+      box-shadow: 0 4px 4px 0 var(--shadow-color-first), 0 1px 2px 0 var(--shadow-color-second);
+    }
   }
 }
 
diff --git a/packages/devextreme-cli/src/templates/vue-v3/sample-pages/home-page.vue b/packages/devextreme-cli/src/templates/vue-v3/sample-pages/home-page.vue
@@ -211,14 +211,4 @@
     fill:  var(--plus-icon-color);
   }
 }
-
-.screen-x-small .logos-container {
-  svg {
-    width: 100%;
-    display: block;
-    &.plus {
-      margin: 0;
-    }
-  }
-}
 </style>
diff --git a/packages/devextreme-schematics/src/add-layout/files/src/app/__name__.component.scss b/packages/devextreme-schematics/src/add-layout/files/src/app/__name__.component.scss
@@ -1,5 +1,4 @@
 :host {
-  background-color: var(--base-bg-darken-5);
   display: flex;
   height: 100%;
   width: 100%;
diff --git a/packages/devextreme-schematics/src/add-layout/files/src/dx-styles.scss b/packages/devextreme-schematics/src/add-layout/files/src/dx-styles.scss
@@ -16,26 +16,20 @@ html, body {
   }
 
   .app {
-    background-color: var(--base-bg-darken-5);
     display: flex;
     height: 100%;
     width: 100%;
   }
 
-  background-color: var(--base-bg-darken-5);
-
-  .dx-drawer-wrapper .dx-overlay-content {
-    box-shadow: 0 4px 4px 0 var(--shadow-color-first), 0 1px 2px 0 var(--shadow-color-second);
-  }
-
   .content {
     line-height: 1.5;
     flex-grow: 1;
-    padding: 40px;
+    padding: 20px 40px;
 
     h2 {
-      font-size: 30px;
+      font-size: 32px;
       margin: 0;
+      line-height: 40px;
     }
 
     .screen-x-small & {
@@ -89,3 +83,12 @@ html, body {
     }
   }
 }
+
+.dx-theme-fluent {
+  .dx-drawer-wrapper {
+    .dx-drawer-panel-content,
+    .dx-overlay-content {
+      box-shadow: 0 4px 4px 0 var(--shadow-color-first), 0 1px 2px 0 var(--shadow-color-second);
+    }
+  }
+}
diff --git a/packages/devextreme-schematics/src/add-sample-views/files/pages/home/home.component.scss b/packages/devextreme-schematics/src/add-sample-views/files/pages/home/home.component.scss
@@ -38,14 +38,3 @@
     fill:  var(--plus-icon-color);
   }
 }
-
-:host-context(.screen-x-small) .logos-container {
-  svg {
-    width: 100%;
-    display: block;
-
-    &.plus {
-      margin: 0;
-    }
-  }
-}

Original file line number	Diff line number	Diff line change
`@@ -90,7 +90,6 @@ body {`
`90`	`90`	`}`
`91`	`91`
`92`	`92`	`.app {`
`93`		`- background-color: var(--base-bg-darken-5);`
`94`	`93`	`display: flex;`
`95`	`94`	`height: 100%;`
`96`	`95`	`width: 100%;`
Original file line number	Diff line number	Diff line change
`@@ -4,11 +4,12 @@ $side-panel-min-width: 60px;`
`4`	`4`	`.content {`
`5`	`5`	`line-height: 1.5;`
`6`	`6`	`flex-grow: 1;`
`7`		`- padding: 40px;`
	`7`	`+ padding: 20px 40px;`
`8`	`8`
`9`	`9`	`h2 {`
`10`		`- font-size: 30px;`
	`10`	`+ font-size: 32px;`
`11`	`11`	`margin: 0;`
	`12`	`+ line-height: 40px;`
`12`	`13`	`}`
`13`	`14`
`14`	`15`	`.screen-x-small & {`
`@@ -68,8 +69,11 @@ $side-panel-min-width: 60px;`
`68`	`69`	`}`
`69`	`70`
`70`	`71`	`.dx-theme-fluent {`
`71`		`- .dx-drawer-panel-content .dx-overlay-content {`
`72`		`- box-shadow: 0 4px 4px 0 var(--shadow-color-first), 0 1px 2px 0 var(--shadow-color-second);`
	`72`	`+ .dx-drawer-wrapper {`
	`73`	`+ .dx-drawer-panel-content,`
	`74`	`+ .dx-overlay-content {`
	`75`	`+ box-shadow: 0 4px 4px 0 var(--shadow-color-first), 0 1px 2px 0 var(--shadow-color-second);`
	`76`	`+ }`
`73`	`77`	`}`
`74`	`78`	`}`
`75`	`79`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`:host {`
`2`		`- background-color: var(--base-bg-darken-5);`
`3`	`2`	`display: flex;`
`4`	`3`	`height: 100%;`
`5`	`4`	`width: 100%;`