Upload folder using huggingface_hub
Browse files
client/src/components/Refinity.tsx
CHANGED
|
@@ -384,9 +384,9 @@ const Refinity: React.FC = () => {
|
|
| 384 |
if (center + 1 < n) ids.push({ pos: 'right', idx: center + 1 });
|
| 385 |
|
| 386 |
const variants = {
|
| 387 |
-
left: { x: '-32%', scale: 0.98, rotate:
|
| 388 |
center: { x: '-50%', scale: 1.0, rotate: 0, opacity: 1, zIndex: 20 },
|
| 389 |
-
right: { x: '-68%', scale: 0.98, rotate:
|
| 390 |
} as const;
|
| 391 |
|
| 392 |
return (
|
|
@@ -405,7 +405,7 @@ const Refinity: React.FC = () => {
|
|
| 405 |
transition={{ type: 'spring', stiffness: 300, damping: 28 }}
|
| 406 |
onClick={() => { if (!isCenter) setFlowIndex(idx); }}
|
| 407 |
>
|
| 408 |
-
<div className="relative rounded-xl p-5 bg-white
|
| 409 |
<div className="text-gray-800 text-sm mb-2">Original: {v.originalAuthor}</div>
|
| 410 |
<div className="text-gray-600 text-xs mb-3">Revised by: {v.revisedBy ? `${v.revisedBy} (v${v.versionNumber})` : `— (v${v.versionNumber})`}</div>
|
| 411 |
<div className="text-gray-900 whitespace-pre-wrap break-words leading-relaxed">{snippet}</div>
|
|
|
|
| 384 |
if (center + 1 < n) ids.push({ pos: 'right', idx: center + 1 });
|
| 385 |
|
| 386 |
const variants = {
|
| 387 |
+
left: { x: '-32%', scale: 0.98, rotate: 0, opacity: 0.98, zIndex: 10 },
|
| 388 |
center: { x: '-50%', scale: 1.0, rotate: 0, opacity: 1, zIndex: 20 },
|
| 389 |
+
right: { x: '-68%', scale: 0.98, rotate: 0, opacity: 0.98, zIndex: 10 }
|
| 390 |
} as const;
|
| 391 |
|
| 392 |
return (
|
|
|
|
| 405 |
transition={{ type: 'spring', stiffness: 300, damping: 28 }}
|
| 406 |
onClick={() => { if (!isCenter) setFlowIndex(idx); }}
|
| 407 |
>
|
| 408 |
+
<div className="relative rounded-xl p-5 bg-white ring-1 ring-gray-200 shadow-lg text-base">
|
| 409 |
<div className="text-gray-800 text-sm mb-2">Original: {v.originalAuthor}</div>
|
| 410 |
<div className="text-gray-600 text-xs mb-3">Revised by: {v.revisedBy ? `${v.revisedBy} (v${v.versionNumber})` : `— (v${v.versionNumber})`}</div>
|
| 411 |
<div className="text-gray-900 whitespace-pre-wrap break-words leading-relaxed">{snippet}</div>
|