refactor(test-app): centralize padding in root container
Remove individual padding declarations from view components and set padding to 0 on App.vue root container. This consolidates padding management in one place for easier maintenance and consistent spacing control.
This commit is contained in:
@@ -63,6 +63,7 @@ export default toNative(App)
|
|||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
padding: 0;
|
||||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -20,7 +20,6 @@ export default toNative(HistoryView)
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.history-view {
|
.history-view {
|
||||||
padding: 20px;
|
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -623,7 +623,6 @@ onMounted(async () => {
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.home-view {
|
.home-view {
|
||||||
padding: 20px;
|
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -121,7 +121,6 @@ export default toNative(LogsView)
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.logs-view {
|
.logs-view {
|
||||||
padding: 20px;
|
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -21,7 +21,6 @@ export default toNative(NotFoundView)
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.not-found-view {
|
.not-found-view {
|
||||||
padding: 20px;
|
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -20,7 +20,6 @@ export default toNative(NotificationsView)
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.notifications-view {
|
.notifications-view {
|
||||||
padding: 20px;
|
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -97,7 +97,6 @@ export default toNative(ScheduleView)
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.schedule-view {
|
.schedule-view {
|
||||||
padding: 20px;
|
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -20,7 +20,6 @@ export default toNative(SettingsView)
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.settings-view {
|
.settings-view {
|
||||||
padding: 20px;
|
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -336,7 +336,6 @@ export default toNative(StatusView)
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.status-view {
|
.status-view {
|
||||||
padding: 20px;
|
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -276,7 +276,6 @@ function clearError() {
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.user-zero-view {
|
.user-zero-view {
|
||||||
padding: 20px;
|
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
|
|||||||
Reference in New Issue
Block a user