Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

#292 Improved mobile styling and item card layouts #323

Merged
merged 12 commits into from
Aug 12, 2024
Merged

#292 Improved mobile styling and item card layouts #323

Changes from 1 commit
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
cd57030
styling: removes unneccesary styling
nichgalzin Aug 5, 2024
c08311f
style: styling improvments for mobile
nichgalzin Aug 5, 2024
0854fdb
style: formatting
nichgalzin Aug 6, 2024
615a967
style: mobile screen styling of container
nichgalzin Aug 6, 2024
2d31f53
style: grid layout for responsive screen styling
nichgalzin Aug 6, 2024
67aa923
style: z index to deal with reserve label overlap
nichgalzin Aug 6, 2024
4cbcb12
style: style optimisation for different screen sizes and improved layout
nichgalzin Aug 6, 2024
d2b89f0
style: removed unsused class
nichgalzin Aug 6, 2024
094c5b3
test: story updated to show size property and display when postage is…
nichgalzin Aug 6, 2024
47675b2
test: fix test failure due to case sensitivity and removal of class
nichgalzin Aug 6, 2024
424f421
style: centers reserved tags on large screen sizes
nichgalzin Aug 6, 2024
6bad167
fix: passes reserved prop to the ItemCard component to correctly disp…
nichgalzin Aug 12, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
style: styling improvments for mobile 
Relates #292
  • Loading branch information
@nichgalzin
nichgalzin committed Aug 5, 2024
commit c08311fb4c7b6b981e3e1432538d291ba9c56492
7 changes: 5 additions & 2 deletions app/(dashboard)/about/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,10 @@ import AccordionItem from '@/components/accordian/AccordionItem';

const AboutPage = () => {
return (
<div className='mt-10 flex flex-col items-center justify-center gap-10 px-10 md:px-20 lg:gap-20 lg:px-48 lg:text-lg xl:px-80'>
<div
className='flex flex-grow flex-col items-center justify-center
gap-10 px-10 md:mt-10 md:px-20 lg:gap-20 lg:px-48 lg:text-lg xl:px-80'
>
<h1 className='p-10 text-center text-4xl font-extrabold'>About</h1>
<p>
KINDLY is a platform that lets you donate unwanted items to Ukrainian
Expand Down Expand Up @@ -47,7 +50,7 @@ const AboutPage = () => {
<FaTwitter size={60} />
</Link>
</div>
<div>
<div className='mb-32 flex flex-col gap-1'>
<h2 className='my-8 text-center text-4xl font-extrabold'>FAQs</h2>
{questionsAndAnswers.map((faq, index) => (
<AccordionItem key={index} {...faq} />
Expand Down