E41220418
/
TIF_NGANJUK_E41220418
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor card styles for improved spacing and consistency

This commit is contained in:
LailaWulandarii 2025-12-19 23:27:02 +07:00
parent d51240cfa8
commit 99155ba08a
1 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/css/app.css
View File

@ -360,12 +360,9 @@ .h2,
h1, h1,
.h1 { .h1 {
margin-top: 0; margin-top: 0;
margin-bottom: .5rem;
font-weight: var(--fw-bold); font-weight: var(--fw-bold);
/* Pakai Variable Bold (700) */
line-height: 1.2; line-height: 1.2;
color: var(--bs-heading-color); color: var(--bs-heading-color);
/* Warna Biru Gelap */
} }
h1, h1,
@ -4967,8 +4964,8 @@ .navbar-expand .offcanvas .offcanvas-body {
} }
.card { .card {
--bs-card-spacer-y: 1rem; /* --bs-card-spacer-y: 1rem; */
--bs-card-spacer-x: 1rem; /* --bs-card-spacer-x: 1rem; */
--bs-card-title-spacer-y: .5rem; --bs-card-title-spacer-y: .5rem;
--bs-card-title-color: ; --bs-card-title-color: ;
--bs-card-subtitle-color: ; --bs-card-subtitle-color: ;
@ -5028,12 +5025,10 @@ .card>.list-group+.card-footer {
.card-body { .card-body {
flex: 1 1 auto; flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color) color: var(--bs-card-color)
} }
.card-title { .card-title {
margin-bottom: var(--bs-card-title-spacer-y);
color: var(--bs-card-title-color) color: var(--bs-card-title-color)
} }
@ -22194,7 +22189,7 @@ .carousel-caption .h5 {
} }
.card { .card {
margin-bottom: 2.2rem; margin-bottom: 1rem;
border: none border: none
} }
@ -22238,7 +22233,9 @@ .card .card-header {
.card .card-header h4, .card .card-header h4,
.card .card-header .h4 { .card .card-header .h4 {
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 700 font-weight: 600;
margin-bottom: 0;
padding-bottom: 0;
} }
.card .card-header~.card-body { .card .card-header~.card-body {
@ -22250,12 +22247,13 @@ .card .card-content {
} }
.card .card-body { .card .card-body {
margin-top: 0;
padding: 1.5rem padding: 1.5rem
} }
.card .card-heading { .card .card-heading {
color: #555; color: #555;
font-size: 1.5rem font-size: 1.5rem;
} }
.card .card-img-overlay { .card .card-img-overlay {