🎨 enhance (layout): improve default layout styling

This commit is contained in:
Abizrh
2025-08-13 13:24:56 +07:00
parent d8d7d61fca
commit 929758fe00
3 changed files with 7 additions and 3 deletions
+4 -1
View File
@@ -43,6 +43,7 @@ const contentContent = computed(() => {
max-width: 100%;
margin-left: auto;
margin-right: auto;
border-radius: 0.375rem;
padding-bottom: 5rem;
}
@@ -57,6 +58,7 @@ const contentContent = computed(() => {
padding-bottom: 5rem; /* pb-20 */
border-width: 1px;
background-color: white !important;
border-radius: 0.375rem;
border-color: rgb(226 232 240); /* slate-200 */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
@@ -76,9 +78,9 @@ const contentContent = computed(() => {
.cf-frame-width {
margin-left: auto;
margin-right: auto;
padding: 0.75rem;
background-color: white;
border: 1px solid rgb(226 232 240);
border-radius: 0.375rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.cf-frame {
@@ -86,6 +88,7 @@ const contentContent = computed(() => {
margin-right: auto;
padding: 0.75rem;
background-color: white;
border-radius: 0.375rem;
border: 1px solid rgb(226 232 240);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}