devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated the sizing of the select

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-09-26 16:35:13 +01:00
parent 64e7fcbcc7
commit f3fea7fc66
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Diagnostic.tsx
View File

@@ -99,7 +99,7 @@ export default function Diagnostic({onFinish}: Props) {
</div> </div>
<div className="flex flex-col items-center justify-center gap-8 w-full"> <div className="flex flex-col items-center justify-center gap-8 w-full">
<h2 className="font-semibold text-xl">What is your current IELTS level?</h2> <h2 className="font-semibold text-xl">What is your current IELTS level?</h2>
<div className="flex flex-col gap-16 w-full"> <div className="flex flex-col gap-16 w-full mb-20">
<div className="grid grid-cols-2 gap-y-4 gap-x-16"> <div className="grid grid-cols-2 gap-y-4 gap-x-16">
<div className="w-full flex flex-col gap-3.5 relative"> <div className="w-full flex flex-col gap-3.5 relative">
<span className="text-sm text-mti-gray-dim"> <span className="text-sm text-mti-gray-dim">
@@ -113,7 +113,7 @@ export default function Diagnostic({onFinish}: Props) {
</span> </span>
<BsChevronDown className="text-mti-gray-cool" size={12} /> <BsChevronDown className="text-mti-gray-cool" size={12} />
</Menu.Button> </Menu.Button>
<Menu.Items className="absolute origin-top top-full bg-white flex flex-col items-center w-full z-20 drop-shadow-lg rounded-2xl overflow-hidden"> <Menu.Items className="absolute overflow-y-scroll scrollbar-hide max-h-[230px] origin-top top-full bg-white flex flex-col items-center w-full z-20 drop-shadow-lg rounded-2xl">
{Object.values(writingMarking).map((x) => ( {Object.values(writingMarking).map((x) => (
<Menu.Item key={x}> <Menu.Item key={x}>
<span <span
@@ -138,7 +138,7 @@ export default function Diagnostic({onFinish}: Props) {
</span> </span>
<BsChevronDown className="text-mti-gray-cool" size={12} /> <BsChevronDown className="text-mti-gray-cool" size={12} />
</Menu.Button> </Menu.Button>
<Menu.Items className="absolute origin-top top-full bg-white flex flex-col items-center w-full z-20 drop-shadow-lg rounded-2xl overflow-hidden"> <Menu.Items className="absolute overflow-y-scroll scrollbar-hide max-h-[230px] origin-top top-full bg-white flex flex-col items-center w-full z-20 drop-shadow-lg rounded-2xl">
{Object.values(writingMarking).map((x) => ( {Object.values(writingMarking).map((x) => (
<Menu.Item key={x}> <Menu.Item key={x}>
<span <span
@@ -163,7 +163,7 @@ export default function Diagnostic({onFinish}: Props) {
</span> </span>
<BsChevronDown className="text-mti-gray-cool" size={12} /> <BsChevronDown className="text-mti-gray-cool" size={12} />
</Menu.Button> </Menu.Button>
<Menu.Items className="absolute origin-top top-full bg-white flex flex-col items-center w-full z-20 drop-shadow-lg rounded-2xl overflow-hidden"> <Menu.Items className="absolute overflow-y-scroll scrollbar-hide max-h-[230px] origin-top top-full bg-white flex flex-col items-center w-full z-20 drop-shadow-lg rounded-2xl">
{Object.values(writingMarking).map((x) => ( {Object.values(writingMarking).map((x) => (
<Menu.Item key={x}> <Menu.Item key={x}>
<span <span
@@ -188,7 +188,7 @@ export default function Diagnostic({onFinish}: Props) {
</span> </span>
<BsChevronDown className="text-mti-gray-cool" size={12} /> <BsChevronDown className="text-mti-gray-cool" size={12} />
</Menu.Button> </Menu.Button>
<Menu.Items className="absolute origin-top top-full bg-white flex flex-col items-center w-full z-20 drop-shadow-lg rounded-2xl"> <Menu.Items className="absolute overflow-y-scroll scrollbar-hide max-h-[230px] origin-top top-full bg-white flex flex-col items-center w-full z-20 drop-shadow-lg rounded-2xl">
{Object.values(writingMarking).map((x) => ( {Object.values(writingMarking).map((x) => (
<Menu.Item key={x}> <Menu.Item key={x}>
<span <span