linguabot commited on
Commit
1dfd707
·
verified ·
1 Parent(s): 12e623c

Upload folder using huggingface_hub

Browse files
Files changed (1) hide show
  1. client/src/pages/WeeklyPractice.tsx +3 -22
client/src/pages/WeeklyPractice.tsx CHANGED
@@ -2385,14 +2385,7 @@ const WeeklyPractice: React.FC = () => {
2385
  </div>
2386
  </div>
2387
  <div className="w-full">
2388
- <div className="relative rounded-xl mb-4">
2389
- <div className="relative rounded-xl bg-white/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-[inset_0_0.5px_0_rgba(255,255,255,0.5),inset_0_-1px_1.5px_rgba(0,0,0,0.12)] p-4">
2390
- <div className="pointer-events-none absolute inset-0 rounded-xl opacity-50 [background:linear-gradient(to_bottom,rgba(255,255,255,0.3),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.28),rgba(255,255,255,0)_28%)]" />
2391
- <div className="pointer-events-none absolute inset-0 rounded-xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-45" />
2392
- <h5 className="relative z-10 text-ui-text font-semibold mb-2">Source Text (from image)</h5>
2393
- <div className="relative z-10 text-ui-text leading-relaxed text-lg font-source-text whitespace-pre-wrap">{practice.content}</div>
2394
- </div>
2395
- </div>
2396
  {localStorage.getItem('token') && (
2397
  <div className="relative rounded-xl bg-white/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-[inset_0_0.5px_0_rgba(255,255,255,0.5),inset_0_-1px_1.5px_rgba(0,0,0,0.12)] p-4">
2398
  <div className="pointer-events-none absolute inset-0 rounded-xl opacity-50 [background:linear-gradient(to_bottom,rgba(255,255,255,0.3),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.28),rgba(255,255,255,0)_28%)]" />
@@ -2442,25 +2435,13 @@ const WeeklyPractice: React.FC = () => {
2442
  )}
2443
  </div>
2444
  <div className="w-full md:w-1/2">
2445
- <div className="relative rounded-xl">
2446
- <div className="relative rounded-xl bg-white/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-[inset_0_0.5px_0_rgba(255,255,255,0.5),inset_0_-1px_1.5px_rgba(0,0,0,0.12)] p-4">
2447
- <div className="pointer-events-none absolute inset-0 rounded-xl opacity-50 [background:linear-gradient(to_bottom,rgba(255,255,255,0.3),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.28),rgba(255,255,255,0)_28%)]" />
2448
- <div className="pointer-events-none absolute inset-0 rounded-xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-45" />
2449
- <div className="relative z-10 text-ui-text leading-relaxed text-lg font-source-text whitespace-pre-wrap">{practice.content}</div>
2450
- </div>
2451
- </div>
2452
  </div>
2453
  </div>
2454
  )
2455
  ) : (
2456
  // Text only when no image
2457
- <div className="relative rounded-xl">
2458
- <div className="relative rounded-xl bg-white/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-[inset_0_0.5px_0_rgba(255,255,255,0.5),inset_0_-1px_1.5px_rgba(0,0,0,0.12)] p-4">
2459
- <div className="pointer-events-none absolute inset-0 rounded-xl opacity-50 [background:linear-gradient(to_bottom,rgba(255,255,255,0.3),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.28),rgba(255,255,255,0)_28%)]" />
2460
- <div className="pointer-events-none absolute inset-0 rounded-xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-45" />
2461
- <p className="relative z-10 text-ui-text leading-relaxed text-lg font-source-text whitespace-pre-wrap">{practice.content}</p>
2462
- </div>
2463
- </div>
2464
  )}
2465
  </div>
2466
  )}
 
2385
  </div>
2386
  </div>
2387
  <div className="w-full">
2388
+ <div className="mb-4 text-ui-text leading-relaxed text-lg font-source-text whitespace-pre-wrap">{practice.content}</div>
 
 
 
 
 
 
 
2389
  {localStorage.getItem('token') && (
2390
  <div className="relative rounded-xl bg-white/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-[inset_0_0.5px_0_rgba(255,255,255,0.5),inset_0_-1px_1.5px_rgba(0,0,0,0.12)] p-4">
2391
  <div className="pointer-events-none absolute inset-0 rounded-xl opacity-50 [background:linear-gradient(to_bottom,rgba(255,255,255,0.3),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.28),rgba(255,255,255,0)_28%)]" />
 
2435
  )}
2436
  </div>
2437
  <div className="w-full md:w-1/2">
2438
+ <p className="text-ui-text leading-relaxed text-lg font-source-text whitespace-pre-wrap">{practice.content}</p>
 
 
 
 
 
 
2439
  </div>
2440
  </div>
2441
  )
2442
  ) : (
2443
  // Text only when no image
2444
+ <p className="text-ui-text leading-relaxed text-lg font-source-text whitespace-pre-wrap">{practice.content}</p>
 
 
 
 
 
 
2445
  )}
2446
  </div>
2447
  )}