daniel/deepdrft
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 13 Wiki Activity

style(releases): scope gallery container with ::deep, move card radius to cover, narrow mix hero to 480px

Browse Source
This commit is contained in:
daniel-c-harvey
2026-06-17 05:46:40 -04:00
parent cf47fee07e
commit d105385006
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftPublic.Client/Controls/ReleaseGallery.razor.css
+2 -2
View File
@@ -1,4 +1,4 @@
.release-gallery-container { ::deep .release-gallery-container {
padding-top: 16px; padding-top: 16px;
} }
@@ -18,7 +18,6 @@
flex-direction: column; flex-direction: column;
width: 200px; width: 200px;
cursor: pointer; cursor: pointer;
border-radius: 8px;
overflow: hidden; overflow: hidden;
transition: transform 120ms ease; transition: transform 120ms ease;
} }
@@ -30,6 +29,7 @@
.release-card-cover { .release-card-cover {
width: 200px; width: 200px;
height: 200px; height: 200px;
border-radius: 8px;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
DeepDrftPublic.Client/Pages/MixDetail.razor.css
+1 -1
View File
@@ -10,7 +10,7 @@
.release-hero <div> (a child Razor component's native output), so ::deep is required to reach it. */ .release-hero <div> (a child Razor component's native output), so ::deep is required to reach it. */
::deep .release-hero.mix-hero { ::deep .release-hero.mix-hero {
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;
max-width: 600px; max-width: 480px;
min-height: 0; min-height: 0;
max-height: none; max-height: none;
margin-inline: auto; margin-inline: auto;