development/1c7d2912-f512-4bf2-acfc-9daec0558aa9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto-commit: Add blur on hover on all image blocks

Browse Source
This commit is contained in:
kudindmitriy
2026-01-14 22:13:13 +01:00
parent 92e2c3042b
commit fd5a9d14f4
2 changed files with 33 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
.project_index.json
View File

@@ -397,10 +397,10 @@
"role": "ui", "role": "ui",
"tags": [], "tags": [],
"used_in": [ "used_in": [
"src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
"src/components/cardStack/layouts/grid/GridLayout.tsx",
"src/components/cardStack/CardStack.tsx",
"src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx", "src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx",
"src/components/cardStack/CardStack.tsx",
"src/components/cardStack/layouts/grid/GridLayout.tsx",
"src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
"src/components/cardStack/layouts/carousels/AutoCarousel.tsx" "src/components/cardStack/layouts/carousels/AutoCarousel.tsx"
], ],
"can_modify_directly": true, "can_modify_directly": true,
@@ -420,13 +420,13 @@
"product" "product"
], ],
"used_in": [ "used_in": [
"src/components/cardStack/layouts/timelines/TimelineBase.tsx",
"src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx",
"src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
"src/components/cardStack/layouts/timelines/TimelineCardStack.tsx",
"src/components/cardStack/layouts/grid/GridLayout.tsx",
"src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx", "src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx",
"src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx", "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx",
"src/components/cardStack/layouts/timelines/TimelineCardStack.tsx",
"src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
"src/components/cardStack/layouts/timelines/TimelineBase.tsx",
"src/components/cardStack/layouts/grid/GridLayout.tsx",
"src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx",
"src/components/cardStack/layouts/carousels/AutoCarousel.tsx", "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
"src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx" "src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx"
], ],
@@ -679,10 +679,10 @@
"product" "product"
], ],
"used_in": [ "used_in": [
"src/components/cardStack/layouts/timelines/TimelineBase.tsx",
"src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
"src/components/cardStack/layouts/grid/GridLayout.tsx",
"src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx", "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx",
"src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
"src/components/cardStack/layouts/timelines/TimelineBase.tsx",
"src/components/cardStack/layouts/grid/GridLayout.tsx",
"src/components/cardStack/layouts/carousels/AutoCarousel.tsx" "src/components/cardStack/layouts/carousels/AutoCarousel.tsx"
], ],
"can_modify_directly": true, "can_modify_directly": true,
@@ -1386,8 +1386,8 @@
"button" "button"
], ],
"used_in": [ "used_in": [
"src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx", "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx",
"src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx" "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx"
], ],
"can_modify_directly": true, "can_modify_directly": true,
"can_delete": true, "can_delete": true,
@@ -1421,12 +1421,12 @@
"role": "ui", "role": "ui",
"tags": [], "tags": [],
"used_in": [ "used_in": [
"src/components/navbar/NavbarStyleMinimal.tsx",
"src/components/navbar/NavbarLayoutFloatingInline.tsx",
"src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx", "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
"src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx", "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx",
"src/components/navbar/NavbarStyleMinimal.tsx",
"src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx", "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx",
"src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx" "src/components/navbar/NavbarLayoutFloatingInline.tsx",
"src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx"
], ],
"can_modify_directly": true, "can_modify_directly": true,
"can_delete": true, "can_delete": true,
@@ -3178,9 +3178,9 @@
"button" "button"
], ],
"used_in": [ "used_in": [
"src/components/navbar/NavbarLayoutFloatingInline.tsx",
"src/components/Textbox.tsx",
"src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx", "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
"src/components/Textbox.tsx",
"src/components/navbar/NavbarLayoutFloatingInline.tsx",
"src/components/navbar/NavbarStyleMinimal.tsx" "src/components/navbar/NavbarStyleMinimal.tsx"
], ],
"can_modify_directly": true, "can_modify_directly": true,
@@ -3234,8 +3234,8 @@
"used_in": [ "used_in": [
"src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx", "src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
"src/components/button/ButtonTextShift/ButtonTextShift.tsx", "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
"src/components/button/ButtonShiftHover/ButtonShiftHover.tsx", "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx",
"src/components/button/ButtonTextStagger/ButtonTextStagger.tsx" "src/components/button/ButtonShiftHover/ButtonShiftHover.tsx"
], ],
"can_modify_directly": true, "can_modify_directly": true,
"can_delete": true, "can_delete": true,
@@ -3254,17 +3254,17 @@
"button" "button"
], ],
"used_in": [ "used_in": [
"src/components/button/ButtonTextUnderline.tsx", "src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
"src/components/button/ButtonElasticEffect/ButtonElasticEffect.tsx",
"src/components/button/ButtonDirectionalHover/ButtonDirectionalHover.tsx",
"src/components/button/ButtonHoverMagnetic/ButtonHoverMagnetic.tsx", "src/components/button/ButtonHoverMagnetic/ButtonHoverMagnetic.tsx",
"src/components/button/ButtonExpandHover.tsx", "src/components/button/ButtonExpandHover.tsx",
"src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
"src/components/button/ButtonIconArrow.tsx", "src/components/button/ButtonIconArrow.tsx",
"src/components/button/ButtonTextStagger/ButtonTextStagger.tsx", "src/components/button/ButtonShiftHover/ButtonShiftHover.tsx",
"src/components/button/ButtonTextShift/ButtonTextShift.tsx",
"src/components/button/ButtonHoverBubble.tsx", "src/components/button/ButtonHoverBubble.tsx",
"src/components/button/ButtonShiftHover/ButtonShiftHover.tsx" "src/components/button/ButtonElasticEffect/ButtonElasticEffect.tsx",
"src/components/button/ButtonTextUnderline.tsx",
"src/components/button/ButtonDirectionalHover/ButtonDirectionalHover.tsx",
"src/components/button/ButtonTextStagger/ButtonTextStagger.tsx",
"src/components/button/ButtonTextShift/ButtonTextShift.tsx"
], ],
"can_modify_directly": true, "can_modify_directly": true,
"can_delete": true, "can_delete": true,
@@ -3302,8 +3302,8 @@
"button" "button"
], ],
"used_in": [ "used_in": [
"src/components/navbar/NavbarLayoutFloatingInline.tsx", "src/components/button/Button.tsx",
"src/components/button/Button.tsx" "src/components/navbar/NavbarLayoutFloatingInline.tsx"
], ],
"can_modify_directly": true, "can_modify_directly": true,
"can_delete": true, "can_delete": true,

3
src/app/globals.css
View File

@@ -98,6 +98,9 @@
--width-carousel-padding: calc((100vw - var(--width-content-width)) / 2 + 1px - var(--vw-1_5)); --width-carousel-padding: calc((100vw - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
--width-carousel-padding-controls: calc((100vw - var(--width-content-width)) / 2 + 1px); --width-carousel-padding-controls: calc((100vw - var(--width-content-width)) / 2 + 1px);
--width-carousel-padding-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px - var(--vw-1_5)); --width-carousel-padding-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
.image-block img:hover {
filter: blur(5px);
}
--width-carousel-padding-controls-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px); --width-carousel-padding-controls-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px);
--width-carousel-item-3: calc(var(--width-content-width) / 3 - var(--vw-1_5) / 3 * 2); --width-carousel-item-3: calc(var(--width-content-width) / 3 - var(--vw-1_5) / 3 * 2);
--width-carousel-item-4: calc(var(--width-content-width) / 4 - var(--vw-1_5) / 4 * 3); --width-carousel-item-4: calc(var(--width-content-width) / 4 - var(--vw-1_5) / 4 * 3);