increase size of build what section on mobile and add mid size breakpoint

This commit is contained in:
pythongosssss
2026-04-16 11:50:30 -07:00
parent 8268518772
commit 22244e6a44
2 changed files with 5 additions and 5 deletions

View File

@@ -9,7 +9,7 @@ const { segments, segmentClass = 'px-6' } = defineProps<{
<template>
<div
class="font-formula-condensed flex h-9 items-stretch font-semibold **:select-none lg:h-auto"
class="font-formula-condensed flex h-11 items-stretch font-semibold **:select-none sm:h-auto"
>
<img
src="/icons/node-left.svg"
@@ -32,7 +32,7 @@ const { segments, segmentClass = 'px-6' } = defineProps<{
<span
:class="
cn(
'bg-primary-comfy-yellow text-primary-comfy-ink flex items-center justify-center py-1 lg:py-5',
'bg-primary-comfy-yellow text-primary-comfy-ink flex items-center justify-center py-1.5 transition-all duration-300 sm:py-3 lg:py-5',
segmentClass
)
"
@@ -41,11 +41,11 @@ const { segments, segmentClass = 'px-6' } = defineProps<{
v-if="segment.logoSrc"
:src="segment.logoSrc"
:alt="segment.logoAlt ?? ''"
class="inline-block h-4 brightness-0 lg:h-10"
class="inline-block h-5 brightness-0 transition-all duration-300 sm:h-7 lg:h-10"
/>
<span
v-else
class="inline-block translate-y-0.5 text-xl font-bold whitespace-nowrap lg:translate-y-1 lg:text-5xl"
class="inline-block translate-y-1 text-2xl font-bold whitespace-nowrap transition-all duration-300 sm:text-3xl lg:text-5xl"
>
{{ segment.text }}
</span>

View File

@@ -27,7 +27,7 @@ const row2 = [
<img
src="/icons/node-link.svg"
alt=""
class="-my-3.5 scale-25 rotate-90 lg:-my-1.75 lg:scale-100"
class="-my-3 scale-30 rotate-90 transition-all duration-300 sm:-my-2.5 sm:scale-50 lg:-my-1.75 lg:scale-100"
aria-hidden="true"
/>