Skip to content

Commit 2159066

Browse files
committed
fix: reduce shadows and doubled edges
1 parent bb3e5fe commit 2159066

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/components/BentoGrid/BentoGrid.module.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,19 +11,19 @@
1111

1212
/* Base card styling */
1313
.bentoCard {
14-
border-radius: 12px;
14+
border-radius: 18px; /* Increased to match or slightly exceed ui5-card */
1515
overflow: hidden;
1616
background: var(--sapTile_Background);
1717
border: 1px solid var(--sapTile_BorderColor);
18-
box-shadow: var(--sapContent_Shadow1);
18+
box-shadow: var(--sapContent_Shadow0); /* Reduced shadow intensity */
1919
transition: all 0.3s ease;
2020
display: flex;
2121
flex-direction: column;
2222
position: relative;
2323
}
2424

2525
.bentoCard:hover {
26-
box-shadow: var(--sapContent_Shadow2);
26+
box-shadow: var(--sapContent_Shadow1); /* Reduced hover shadow intensity */
2727
transform: translateY(-2px);
2828
}
2929

0 commit comments

Comments
 (0)