mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-19 22:09:37 +00:00
increase size of build what section on mobile and add mid size breakpoint
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user