Skip to content

Commit 0556a04

Browse files
committed
fix: update carbon cover image dimensions and aspect ratio for better layout consistency
1 parent 230bf31 commit 0556a04

1 file changed

Lines changed: 9 additions & 13 deletions

File tree

src/features/adv/components/AdvBanner.css

Lines changed: 9 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -119,8 +119,9 @@
119119
}
120120

121121
.carbonCoverImage {
122-
width: 120px;
123-
height: 120px;
122+
aspect-ratio: 1 / 1;
123+
width: auto;
124+
height: 85%;
124125
z-index: 2;
125126
object-fit: cover;
126127
border-radius: 10px;
@@ -160,7 +161,6 @@
160161

161162
.carbonCoverTagline {
162163
font-weight: 500;
163-
width: 12em;
164164
line-height: 1.35;
165165
}
166166

@@ -190,8 +190,7 @@
190190

191191
.carbonCover:hover .carbonCoverImage,
192192
.carbonCover:focus-within .carbonCoverImage {
193-
width: 80px;
194-
height: 80px;
193+
height: 50%;
195194
filter: brightness(1.05);
196195
}
197196

@@ -256,21 +255,18 @@
256255
}
257256
.advFeed .carbonCoverTarget {
258257
width: 100%;
259-
max-width: none;
258+
min-width: 100%;
259+
aspect-ratio: 16/9;
260+
margin-bottom: 12px;
260261
}
261262
.advFeed .carbonCoverLogo {
262263
max-width: 125px;
263264
}
264265
.advFeed .carbonCover {
265266
font-size: 16px;
266-
aspect-ratio: 16 / 9;
267-
height: auto;
268-
margin-bottom: 12px;
269-
}
270-
.advFeed .carbonCoverImage {
271-
width: 180px;
272-
height: 180px;
267+
height: 100%;
273268
}
269+
274270
.advFeed .carbonCoverMain {
275271
gap: 0.5em;
276272
}

0 commit comments

Comments
 (0)