style(angular-app): remove duplicate page container styles

Banegasn · Banegasn · commit c724d6eb18f5 · 2026-03-26T17:15:21.000+01:00
- Remove redundant .page-container styles from badge, checkbox, chips, dialog, progress, slider, tabs, text-field, and tooltip component stylesheets
- Remove duplicate responsive padding rules from radio-button, search-bar, and switch component media queries
- Consolidate layout styling to reduce CSS duplication across component pages
diff --git a/apps/angular-app/src/pages/badge/badge.component.css b/apps/angular-app/src/pages/badge/badge.component.css
@@ -6,8 +6,3 @@
   margin-top: 1rem;
 }
 
-.page-container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 2rem;
-}
diff --git a/apps/angular-app/src/pages/checkbox/checkbox.component.css b/apps/angular-app/src/pages/checkbox/checkbox.component.css
@@ -6,8 +6,3 @@
   margin-top: 1rem;
 }
 
-.page-container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 2rem;
-}
diff --git a/apps/angular-app/src/pages/chips/chips.component.css b/apps/angular-app/src/pages/chips/chips.component.css
@@ -6,8 +6,3 @@
   margin-top: 1rem;
 }
 
-.page-container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 2rem;
-}
diff --git a/apps/angular-app/src/pages/dialog/dialog.component.css b/apps/angular-app/src/pages/dialog/dialog.component.css
@@ -6,8 +6,3 @@
   margin-top: 1rem;
 }
 
-.page-container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 2rem;
-}
diff --git a/apps/angular-app/src/pages/progress/progress.component.css b/apps/angular-app/src/pages/progress/progress.component.css
@@ -6,8 +6,3 @@
   margin-top: 1rem;
 }
 
-.page-container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 2rem;
-}
diff --git a/apps/angular-app/src/pages/radio-buttons/radio-button.component.css b/apps/angular-app/src/pages/radio-buttons/radio-button.component.css
@@ -121,10 +121,6 @@
 }
 
 @media (max-width: 768px) {
-    .radio-button-page {
-        padding: 16px;
-    }
-
     .setting-item {
         flex-direction: column;
         align-items: flex-start;
diff --git a/apps/angular-app/src/pages/search-bar/search-bar.component.css b/apps/angular-app/src/pages/search-bar/search-bar.component.css
@@ -45,12 +45,3 @@
   --md-sys-color-primary: var(--md-sys-color-on-surface);
 }
 
-@media (max-width: 600px) {
-  .search-bar-page {
-    padding: 16px;
-  }
-
-  .demo-container {
-    padding: 16px;
-  }
-}
diff --git a/apps/angular-app/src/pages/slider/slider.component.css b/apps/angular-app/src/pages/slider/slider.component.css
@@ -6,8 +6,3 @@
   margin-top: 1rem;
 }
 
-.page-container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 2rem;
-}
diff --git a/apps/angular-app/src/pages/switches/switch.component.css b/apps/angular-app/src/pages/switches/switch.component.css
@@ -95,10 +95,6 @@
 }
 
 @media (max-width: 768px) {
-    .switch-page {
-        padding: 16px;
-    }
-
     .setting-item {
         flex-direction: column;
         align-items: flex-start;
diff --git a/apps/angular-app/src/pages/tabs/tabs.component.css b/apps/angular-app/src/pages/tabs/tabs.component.css
@@ -6,8 +6,3 @@
   margin-top: 1rem;
 }
 
-.page-container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 2rem;
-}
diff --git a/apps/angular-app/src/pages/text-field/text-field.component.css b/apps/angular-app/src/pages/text-field/text-field.component.css
@@ -6,8 +6,3 @@
   margin-top: 1rem;
 }
 
-.page-container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 2rem;
-}
diff --git a/apps/angular-app/src/pages/tooltip/tooltip.component.css b/apps/angular-app/src/pages/tooltip/tooltip.component.css
@@ -6,8 +6,3 @@
   margin-top: 1rem;
 }
 
-.page-container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 2rem;
-}

Original file line number	Diff line number	Diff line change
`@@ -6,8 +6,3 @@`
`6`	`6`	`margin-top: 1rem;`
`7`	`7`	`}`
`8`	`8`
`9`		`-.page-container {`
`10`		`- max-width: 1200px;`
`11`		`- margin: 0 auto;`
`12`		`- padding: 2rem;`
`13`		`-}`