diff --git a/src/assets/css/src/2.blocks.card.css b/src/assets/css/src/2.blocks.card.css index bd21b7d..1b9a2b9 100644 --- a/src/assets/css/src/2.blocks.card.css +++ b/src/assets/css/src/2.blocks.card.css @@ -45,7 +45,7 @@ transform: translate(-50%, -50%); z-index: 0; } -.card__images[data-count] { +.card__images[data-count]:not([data-count="1"]) { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 50%); gap: 4px; @@ -53,12 +53,19 @@ .card__images[data-count] > :first-child { grid-row-end: span 2; } +.card__images[data-count="2"] > :last-child { + grid-row-end: span 2; +} .card__images > img { height: 100%; width: 100%; } -.card__images[data-count]::after { - content: '+'attr(data-count); +.card__images > img[src$='.svg'], +.card__images > img[src$='.png'] { + background-color: var(--color-white); +} +.card__images[data-plus]::after { + content: '+'attr(data-plus); position: absolute; bottom: var(--space-8); right: var(--space-8); diff --git a/src/components/project/ProjectStep.vue b/src/components/project/ProjectStep.vue index 0283cce..d914590 100644 --- a/src/components/project/ProjectStep.vue +++ b/src/components/project/ProjectStep.vue @@ -24,9 +24,8 @@