rsgltzyd/testing-tool
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(StorageCleaner, Base64Converter): fix layout padding and checkbox alignment

Browse Source 
- StorageCleaner: add px-3.5 to grid container to prevent content sticking to border
- StorageCleaner: adjust select-all bar to pl-3.5 pr-7 for checkbox alignment with grid items
- Base64Converter: add px-2 to TextMode and Base64ConverterSection for consistent spacing

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
雨霖铃
2026-05-29 19:38:28 +08:00
parent 77168e2652
commit 98abe59731
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Base64Converter/Base64ConverterSection.tsx
+1 -1
View File
@@ -57,7 +57,7 @@ export default function Base64ConverterSection({ mode }: Base64ConverterSectionP
}; };
return ( return (
<div className="w-full flex flex-col space-y-4"> <div className="w-full flex flex-col space-y-4 px-2">
<div className="flex h-11 items-center px-1.5 bg-secondary/40 rounded-xl border border-border/60 w-fit"> <div className="flex h-11 items-center px-1.5 bg-secondary/40 rounded-xl border border-border/60 w-fit">
<SwitchButtonGroup <SwitchButtonGroup
value={direction} value={direction}
src/pages/Base64Converter/TextMode.tsx
+1 -1
View File
@@ -88,7 +88,7 @@ export default function TextMode({ onSwitchToImageMode }: TextModeProps = {}) {
}; };
return ( return (
<div className="w-full flex flex-col space-y-4"> <div className="w-full flex flex-col space-y-4 px-2">
{/* 受控方向切流中枢 */} {/* 受控方向切流中枢 */}
<div className="flex h-11 items-center px-1.5 bg-secondary/40 rounded-xl border border-border/60 w-fit"> <div className="flex h-11 items-center px-1.5 bg-secondary/40 rounded-xl border border-border/60 w-fit">
<SwitchButtonGroup <SwitchButtonGroup
src/pages/StorageCleaner/StorageOptionsGrid.tsx
+2 -2
View File
@@ -42,7 +42,7 @@ export default function StorageOptionsGrid({
return ( return (
<div className={cn('w-full overflow-hidden', className)} {...props}> <div className={cn('w-full overflow-hidden', className)} {...props}>
<div className="px-0 pt-3.5 pb-2"> <div className="px-3.5 pt-3.5 pb-2">
<div className="grid grid-cols-2 gap-2 items-stretch"> <div className="grid grid-cols-2 gap-2 items-stretch">
{optionKeys.map(({ key, isCount }) => ( {optionKeys.map(({ key, isCount }) => (
<OptionItem <OptionItem
@@ -59,7 +59,7 @@ export default function StorageOptionsGrid({
<div <div
onClick={handleToggleAll} onClick={handleToggleAll}
className="border-t border-border flex justify-between items-center px-3.5 py-2.5 bg-muted/20 hover:bg-muted/40 cursor-pointer select-none transition-colors" className="border-t border-border flex justify-between items-center pl-3.5 pr-7 py-2.5 bg-muted/20 hover:bg-muted/40 cursor-pointer select-none transition-colors"
> >
<Label className="text-xs font-bold text-muted-foreground/90 cursor-pointer tracking-wide uppercase"> <Label className="text-xs font-bold text-muted-foreground/90 cursor-pointer tracking-wide uppercase">
{t('storageCleaner:selectAll')} {t('storageCleaner:selectAll')}