Upload folder using huggingface_hub
Browse files
client/src/components/Refinity.tsx
CHANGED
|
@@ -427,7 +427,7 @@ const Refinity: React.FC = () => {
|
|
| 427 |
<div className={`text-gray-900 whitespace-pre-wrap break-words leading-relaxed flex-1 overflow-hidden pr-1`}>{snippet}</div>
|
| 428 |
{isCenter && (
|
| 429 |
<div className="ref-action-bar mt-4 flex gap-3 relative z-20 swiper-no-swiping">
|
| 430 |
-
<button type="button" onClick={(e)=>{ e.preventDefault(); e.stopPropagation(); setPreviewVersionId(v.id); setStage('preview'); }} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-black ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 active:translate-y-0.5 transition-all duration-200 cursor-pointer">Full Text</button>
|
| 431 |
<button type="button" onClick={()=>selectManual(v.id)} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-indigo-600/70 active:translate-y-0.5 transition-all duration-200">Revise</button>
|
| 432 |
<button type="button" onClick={()=>{ setCompareUIOpen(true); if (!compareA) setCompareA(v.id); }} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-black ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 active:translate-y-0.5 transition-all duration-200">Compare</button>
|
| 433 |
</div>
|
|
@@ -519,10 +519,14 @@ 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 |
/* 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 */
|
| 525 |
.mySwiper .swiper-slide-active .ref-action-bar, .mySwiper .swiper-slide-active .ref-action-bar * { pointer-events: auto; position: relative; z-index: 30; }
|
|
|
|
| 526 |
` }} />
|
| 527 |
</div>
|
| 528 |
{compareModalOpen && (
|
|
|
|
| 427 |
<div className={`text-gray-900 whitespace-pre-wrap break-words leading-relaxed flex-1 overflow-hidden pr-1`}>{snippet}</div>
|
| 428 |
{isCenter && (
|
| 429 |
<div className="ref-action-bar mt-4 flex gap-3 relative z-20 swiper-no-swiping">
|
| 430 |
+
<button type="button" onClick={(e)=>{ e.preventDefault(); e.stopPropagation(); console.log('FullText click', e.target, (e as any).clientX!=null && (e as any).clientY!=null ? document.elementFromPoint((e as any).clientX, (e as any).clientY) : null); setPreviewVersionId(v.id); setStage('preview'); }} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-black ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 active:translate-y-0.5 transition-all duration-200 cursor-pointer">Full Text</button>
|
| 431 |
<button type="button" onClick={()=>selectManual(v.id)} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-indigo-600/70 active:translate-y-0.5 transition-all duration-200">Revise</button>
|
| 432 |
<button type="button" onClick={()=>{ setCompareUIOpen(true); if (!compareA) setCompareA(v.id); }} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-black ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 active:translate-y-0.5 transition-all duration-200">Compare</button>
|
| 433 |
</div>
|
|
|
|
| 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 */
|
| 528 |
.mySwiper .swiper-slide-active .ref-action-bar, .mySwiper .swiper-slide-active .ref-action-bar * { pointer-events: auto; position: relative; z-index: 30; }
|
| 529 |
+
.mySwiper .swiper-pagination { bottom: 6px; }
|
| 530 |
` }} />
|
| 531 |
</div>
|
| 532 |
{compareModalOpen && (
|