From 05c911e6853d7770dfb376807bea685c827795f6 Mon Sep 17 00:00:00 2001
From: Daniil Polienko <donyaschefer@gmail.com>
Date: Thu, 21 Nov 2024 16:13:50 +0300
Subject: [PATCH] fix: hide read more on desktop

---
 apps/landing/components/sections/About.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/apps/landing/components/sections/About.tsx b/apps/landing/components/sections/About.tsx
index 8d5eb90f..ce43f13e 100644
--- a/apps/landing/components/sections/About.tsx
+++ b/apps/landing/components/sections/About.tsx
@@ -14,12 +14,14 @@ export function About(): ReactElement {
 			}}>
 			<div className={'relative lg:mr-[400px]'}>
 				<p className={'mb-10 text-left font-aeonikFono text-3xl font-light text-white md:text-5xl'}>
-					{'WTF IS YEARN VAULT?'}
+					{'WTF IS A YEARN VAULT?'}
 				</p>
 				<div
 					className={cl(
 						'md:max-w-[720px] text-lg transition-all overflow-hidden leading-7',
-						isReadMore ? 'max-h-screen' : 'max-h-[160px] gradient-mask-b-10'
+						isReadMore
+							? 'max-h-screen'
+							: 'max-h-[160px] md:max-h-screen gradient-mask-b-10 md:gradient-mask-none'
 					)}>
 					<p className={cl('text-gray-400 to-indigo-400')}>
 						{
@@ -38,16 +40,16 @@ export function About(): ReactElement {
 					<br />
 
 					<p className={cl('text-gray-400')}>
-						{'Unlike a bank account - none of this takes place behind closed doors (no offence to doors).'}
+						{'Unlike a bank account - none of this takes place behind closed doors (no offence to doors). '}
 						{
-							'DeFiruns on public blockchains, so you are in control of your assets and can see where they are'
+							'DeFi runs on public blockchains, so you are in control of your assets and can see where they are'
 						}
 						{'at all times.'}
 					</p>
 				</div>
 				{isReadMore ? null : (
 					<button
-						className={'mt-6 text-lg font-light text-primary'}
+						className={'mt-6 text-lg font-light text-primary md:hidden'}
 						onClick={() => set_isReadMore(true)}>
 						{'Read more'}
 					</button>