diff --git a/assets/main.scss b/assets/main.scss index 4cd7648..ffd83c1 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -5,7 +5,7 @@ @layer components {} body { - @apply bg-primary-500 select-none; + @apply bg-primary-500 select-none min-w-96; } .container { @@ -21,11 +21,11 @@ body { } .logo { - @apply text-orange-400 font-bold w-20 text-xl leading-4 py-4 col-span-12 xl:col-span-2; + @apply text-orange-400 font-bold w-20 text-xl leading-4 py-4 col-span-4 xl:col-span-2; } .menu { - @apply col-span-12 xl:col-span-8 flex justify-between; + @apply col-span-8 flex justify-between; } a[href^="#"] { @@ -177,12 +177,12 @@ button { } &-changer { - @apply absolute w-80 z-10 bg-white flex gap-0; + @apply absolute w-80 z-10 p-4 border rounded bg-white flex gap-0 right-0 lg:right-auto; } } .feature { - @apply col-span-full flex gap-10 mt-4 justify-center flex-wrap items-center; + @apply col-span-full flex gap-10 mt-4 justify-center xl:justify-between flex-wrap items-center; &-item { @apply rounded bg-neutral-200 p-4 min-w-36 flex justify-center flex-wrap flex-col; diff --git a/components/modal.vue b/components/modal.vue index 490641e..591306a 100644 --- a/components/modal.vue +++ b/components/modal.vue @@ -56,7 +56,7 @@ const submit = (e: any) => {