linguabot commited on
Commit
a0fdc78
·
verified ·
1 Parent(s): 303d65d

Upload folder using huggingface_hub

Browse files
Files changed (1) hide show
  1. client/src/components/Refinity.tsx +3 -3
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: -2, opacity: 0.95, zIndex: 10 },
388
  center: { x: '-50%', scale: 1.0, rotate: 0, opacity: 1, zIndex: 20 },
389
- right: { x: '-68%', scale: 0.98, rotate: 2, opacity: 0.95, zIndex: 10 }
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/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-[0_20px_40px_rgba(0,0,0,0.08),inset_0_0.5px_0_rgba(255,255,255,0.5),inset_0_-1px_1.5px_rgba(0,0,0,0.12)] 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>
 
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>