Upload folder using huggingface_hub
Browse files
client/src/components/Refinity.tsx
CHANGED
|
@@ -418,7 +418,7 @@ const Refinity: React.FC = () => {
|
|
| 418 |
const snippet = (v.content || '').slice(0, limit) + ((v.content || '').length > limit ? '…' : '');
|
| 419 |
const isCenter = idx === flowIndex;
|
| 420 |
return (
|
| 421 |
-
<SwiperSlide key={v.id} style={{ width: 'clamp(320px, 48vw, 720px)', height: isFullscreen ? '72vh' : '62.4vh' }}>
|
| 422 |
<div className={`relative h-full rounded-2xl p-6 bg-white ring-1 ring-gray-200 shadow-xl text-base overflow-hidden flex flex-col ${isCenter ? 'z-10' : 'opacity-95 z-0'}`}>
|
| 423 |
<div className={`ref-card-overlay absolute inset-0 rounded-2xl opacity-40 [background:linear-gradient(to_bottom,rgba(255,255,255,0.45),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]`} />
|
| 424 |
<div className={`ref-card-overlay absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-30`} />
|
|
@@ -519,9 +519,6 @@ const Refinity: React.FC = () => {
|
|
| 519 |
.mySwiper .swiper-button-prev, .mySwiper .swiper-button-next { top: 50% !important; transform: translateY(-50%); }
|
| 520 |
.mySwiper .swiper-button-prev:after, .mySwiper .swiper-button-next:after { font-size: 18px; color: #94a3b8; }
|
| 521 |
.mySwiper .swiper-slide-active { z-index: 50 !important; }
|
| 522 |
-
/* Only active slide can receive clicks */
|
| 523 |
-
.mySwiper .swiper-slide { pointer-events: none; }
|
| 524 |
-
.mySwiper .swiper-slide-active { pointer-events: auto; }
|
| 525 |
/* Decorative overlays should never capture clicks */
|
| 526 |
.mySwiper .ref-card-overlay { pointer-events: none; }
|
| 527 |
/* Let arrows/pagination operate normally, but not over the action bar */
|
|
|
|
| 418 |
const snippet = (v.content || '').slice(0, limit) + ((v.content || '').length > limit ? '…' : '');
|
| 419 |
const isCenter = idx === flowIndex;
|
| 420 |
return (
|
| 421 |
+
<SwiperSlide key={v.id} style={{ width: 'clamp(320px, 48vw, 720px)', height: isFullscreen ? '72vh' : '62.4vh', pointerEvents: isCenter ? 'auto' as const : 'none' as const }}>
|
| 422 |
<div className={`relative h-full rounded-2xl p-6 bg-white ring-1 ring-gray-200 shadow-xl text-base overflow-hidden flex flex-col ${isCenter ? 'z-10' : 'opacity-95 z-0'}`}>
|
| 423 |
<div className={`ref-card-overlay absolute inset-0 rounded-2xl opacity-40 [background:linear-gradient(to_bottom,rgba(255,255,255,0.45),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]`} />
|
| 424 |
<div className={`ref-card-overlay absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-30`} />
|
|
|
|
| 519 |
.mySwiper .swiper-button-prev, .mySwiper .swiper-button-next { top: 50% !important; transform: translateY(-50%); }
|
| 520 |
.mySwiper .swiper-button-prev:after, .mySwiper .swiper-button-next:after { font-size: 18px; color: #94a3b8; }
|
| 521 |
.mySwiper .swiper-slide-active { z-index: 50 !important; }
|
|
|
|
|
|
|
|
|
|
| 522 |
/* Decorative overlays should never capture clicks */
|
| 523 |
.mySwiper .ref-card-overlay { pointer-events: none; }
|
| 524 |
/* Let arrows/pagination operate normally, but not over the action bar */
|