diff --git a/assets/main.scss b/assets/main.scss index 40a2c3e..a8e3690 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -31,7 +31,7 @@ body { } .logo { - @apply w-full py-4 col-span-4 xl:col-span-2; + @apply w-full py-4 col-span-8 xl:col-span-2; a { @apply flex items-center gap-2; @@ -86,7 +86,7 @@ body { } &-toggle { - @apply flex xl:hidden col-span-8 justify-end; + @apply flex xl:hidden col-span-4 justify-end; >span { @apply cursor-pointer text-zinc-600 hover:text-ioprim-900 transition-colors; @@ -208,11 +208,15 @@ a[href^="#"] { @apply col-span-12 md:col-span-6 xl:col-span-4 grid grid-cols-4 items-center px-4; &-image { - @apply rounded-full size-20 bg-slate-300 overflow-hidden col-span-1; + @apply max-w-full max-h-full aspect-square overflow-hidden col-span-1 pr-4; + + img{ + @apply rounded-full bg-slate-300 + } } &-content { - @apply col-span-3 text-end italic; + @apply col-span-3 text-end italic text-sm lg:text-base; } &-title { diff --git a/components/calcValues.vue b/components/calcValues.vue index e317ab0..7187661 100644 --- a/components/calcValues.vue +++ b/components/calcValues.vue @@ -208,30 +208,30 @@ const goal = (target: string, params: object) => {