fix(team-calc) : improve mobile equipment and export layout

This commit is contained in:
2026-09-17 16:27:09 +07:00 Unverified
parent 910afdeb71
commit 884c659517
2 changed files with 12 additions and 6 deletions
+5
View File
@@ -52,6 +52,7 @@ export function GuideImageExport({
allowWithoutNotes = true,
captureClassName,
buttonLabel = "ส่งออกภาพ",
mobileIconOnly = false,
language: controlledLanguage,
showLanguageSelector = true,
promptForLanguage = false,
@@ -66,6 +67,7 @@ export function GuideImageExport({
allowWithoutNotes?: boolean;
captureClassName?: string;
buttonLabel?: string;
mobileIconOnly?: boolean;
language?: ExportLanguage;
showLanguageSelector?: boolean;
promptForLanguage?: boolean;
@@ -165,6 +167,7 @@ export function GuideImageExport({
type="button"
variant="outline"
size="sm"
className={mobileIconOnly ? "max-sm:size-7 max-sm:px-0 max-sm:has-data-[icon=inline-start]:pl-0" : undefined}
disabled={capturing || disabled}
onClick={() => {
if (promptForLanguage) setPendingCaptureMode(mode);
@@ -176,11 +179,13 @@ export function GuideImageExport({
) : (
<DownloadIcon data-icon="inline-start" />
)}
<span className={mobileIconOnly ? "sr-only sm:not-sr-only" : undefined}>
{captureMode === mode
? "กำลังส่งออก…"
: mode === "without-notes"
? "ส่งออกภาพโดยไม่รวมโน้ต"
: buttonLabel}
</span>
</Button>
))}
</div>
+2 -1
View File
@@ -329,7 +329,7 @@ function TeamCard({
eager={exporting}
linked={!exporting}
sizes="64px"
className="sm:col-span-2"
className="order-first sm:order-none sm:col-span-2"
/>
</div>
</div>
@@ -474,6 +474,7 @@ export function TeamSearch({ groups }: { groups: PublicGuide["teamGroups"] }) {
width={1080}
captureClassName="p-0"
allowWithoutNotes={false}
mobileIconOnly
showLanguageSelector={false}
promptForLanguage
>