Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-13 00:03:27 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix(client/basics): fix issue with overlapping photo filters on safari/webkit/iOS

Browse Source
This commit is contained in:
Amruth Pillai
2022-03-14 09:19:22 +01:00
parent 64b0c5e7cf
commit e6bda688ac
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/components/build/LeftSidebar/sections/Basics.tsx
View File

@ -27,10 +27,12 @@ const Basics = () => {
<Heading path="sections.basics" name={t('builder.leftSidebar.sections.basics.heading')} /> <Heading path="sections.basics" name={t('builder.leftSidebar.sections.basics.heading')} />
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2"> <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
<div className="flex flex-col items-center gap-4 sm:col-span-2 sm:flex-row"> <div className="grid items-center gap-4 sm:col-span-2 sm:grid-cols-3">
<PhotoUpload /> <div className="mx-auto">
<PhotoUpload />
</div>
<div className="flex w-full flex-col-reverse gap-4 sm:flex-col sm:gap-2"> <div className="grid gap-2 w-full sm:col-span-2">
<ResumeInput label={t('builder.leftSidebar.sections.basics.name.label')} path="basics.name" /> <ResumeInput label={t('builder.leftSidebar.sections.basics.name.label')} path="basics.name" />
<Button variant="outlined" startIcon={<PhotoFilter />} onClick={handleClick}> <Button variant="outlined" startIcon={<PhotoFilter />} onClick={handleClick}>