Commit 0b95ed44 authored by Aneta Čadová's avatar Aneta Čadová
Browse files

Merge branch 'fix-trade-cards' into 'main' 

Fix trade detail cards size

See merge request !25
parents d295a572 de808933

components/trade-detail.tsx

+21 −8
Original line number Diff line number Diff line
@@ -99,10 +99,10 @@ const TradeDetail = ({ 
	};



	return (

		<Flex direction="column" gap="3" className="max-w-[800px]">

		<Flex direction="column" gap="3" className="max-w-[1000px]">

			<Flex align="center">

				<Box key={offeredProduct.productId}>

					<Card className="max-w-[300px] rounded-md bg-white p-6 shadow-md">

					<Card className="max-w-[400px] rounded-md bg-white p-6 shadow-md">

						<Flex direction="column" gap="4">

							{trade?.owner && (

								<Flex align="center" gap="2">
@@ -116,14 +116,20 @@ const TradeDetail = ({ 
								</Flex>

							)}



							<Heading as="h1" size="4" className="mb-2 text-3xl font-bold text-black">

							<Heading

								as="h1"

								size="4"

								className="mb-2 text-3xl font-bold text-black"

							>

								{offeredProduct.name}

							</Heading>



							<Text size="3" className="mb-4 text-gray-500">

							<Text

								size="3"

								className="mb-4 h-[70px] overflow-auto text-gray-500"

							>

								{offeredProduct.description}

							</Text>



							<Image

								className="h-auto max-h-[75%] w-full rounded-md object-cover shadow-md"

								src={offeredProduct.photo}
@@ -136,7 +142,7 @@ const TradeDetail = ({ 
				</Box>

				<TbArrowsExchange className="text-6xl" />

				<Box key={productForExchange.productId}>

					<Card className="max-w-[300px] rounded-md bg-white p-6 shadow-md">

					<Card className="max-w-[400px] rounded-md bg-white p-6 shadow-md">

						<Flex direction="column" gap="4">

							{trade?.trader && (

								<Flex align="center" gap="2">
@@ -150,11 +156,18 @@ const TradeDetail = ({ 
								</Flex>

							)}



							<Heading as="h1" size="4" className="mb-2 text-3xl font-bold text-black">

							<Heading

								as="h1"

								size="4"

								className="mb-2 text-3xl font-bold text-black"

							>

								{productForExchange.name}

							</Heading>



							<Text size="3" className="mb-4 text-gray-500">

							<Text

								size="3"

								className="mb-4 h-[70px] overflow-auto text-gray-500"

							>

								{productForExchange.description}

							</Text>