• SlayTheDragons's avatar
    feat (frontend): Text size accessibility settings (As requested in issue #1482) (#1624) · cbf247a4
    SlayTheDragons 提交于
    <img width="496" height="470" alt="Screenshot 2025-10-24 200100"
    src="https://github.com/user-attachments/assets/e64ee081-dc08-4b54-94a6-9ed41453cfcf"
    />
    
    This PR adds settings for text size, small, medium (default), large and
    extra large.
    
    This should help more people use Dyad more productively.
    
    Closes #1482 
        
    
    
    
    
    
    
    <!-- This is an auto-generated description by cubic. -->
    ---
    ## Summary by cubic
    Adds adjustable workspace zoom levels (90%, 100%, 110%, 125%, 150%) to
    improve readability and accessibility. Changes apply instantly and
    persist per user, addressing issue #1482.
    
    - **New Features**
      - Zoom selector in Settings → General.
      - Persists zoomLevel in user settings and schema.
      - Applies zoom via Electron webFrame for consistent app scaling.
    
    - **Refactors**
      - Removed deprecated workspaceTextSize setting.
      - Removed root font-size from globals.css.
    
    <sup>Written for commit 54bad25f016a83e9f414025a07e80fdbad859366.
    Summary will update automatically on new commits.</sup>
    
    <!-- End of auto-generated description by cubic. -->
    
    
    
    
    
    
    
    
    <!-- CURSOR_SUMMARY -->
    ---
    
    > [!NOTE]
    > Adds adjustable app zoom levels (90–150%) with a Settings selector,
    persisted in user settings, and applied via Electron webFrame.
    > 
    > - **UI/Settings**:
    > - Add `ZoomSelector` component and surface it in `Settings → General`
    (`src/components/ZoomSelector.tsx`, `src/pages/settings.tsx`).
    > - **Schema/Persistence**:
    > - Introduce `ZoomLevelSchema` and optional `zoomLevel` in
    `UserSettingsSchema` (`src/lib/schemas.ts`).
    > - **Electron Integration**:
    > - Expose `webFrame.setZoomFactor/getZoomFactor` in `window.electron`
    (`src/preload.ts`).
    > - **App Behavior**:
    > - Apply zoom factor on load and when settings change with default
    `100%` (`src/app/layout.tsx`).
    > 
    > <sup>Written by [Cursor
    Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
    54bad25f016a83e9f414025a07e80fdbad859366. This will update automatically
    on new commits. Configure
    [here](https://cursor.com/dashboard?tab=bugbot).</sup>
    <!-- /CURSOR_SUMMARY -->
    
    ---------
    Co-authored-by: 's avatarDevforschool <138079274+Devforschool@users.noreply.github.com>
    Co-authored-by: 's avatarWill Chen <willchen90@gmail.com>
    cbf247a4
名称
最后提交
最后更新
..
chat 正在载入提交数据...
home 正在载入提交数据...
preview_panel 正在载入提交数据...
settings 正在载入提交数据...
ui 正在载入提交数据...
AppList.tsx 正在载入提交数据...
AppSearchDialog.tsx 正在载入提交数据...
AppUpgrades.tsx 正在载入提交数据...
AutoApproveSwitch.tsx 正在载入提交数据...
AutoFixProblemsSwitch.tsx 正在载入提交数据...
AutoUpdateSwitch.tsx 正在载入提交数据...
CapacitorControls.tsx 正在载入提交数据...
ChatInputControls.tsx 正在载入提交数据...
ChatList.tsx 正在载入提交数据...
ChatModeSelector.tsx 正在载入提交数据...
ChatPanel.tsx 正在载入提交数据...
ChatSearchDialog.tsx 正在载入提交数据...
CommunityCodeConsentDialog.tsx 正在载入提交数据...
ConfirmationDialog.tsx 正在载入提交数据...
ContextFilesPicker.tsx 正在载入提交数据...
CreateAppDialog.tsx 正在载入提交数据...
CreateCustomModelDialog.tsx 正在载入提交数据...
CreateCustomProviderDialog.tsx 正在载入提交数据...
CreatePromptDialog.tsx 正在载入提交数据...
CustomErrorToast.tsx 正在载入提交数据...
DeleteConfirmationDialog.tsx 正在载入提交数据...
DyadProSuccessDialog.tsx 正在载入提交数据...
EditCustomModelDialog.tsx 正在载入提交数据...
ErrorBoundary.tsx 正在载入提交数据...
GitHubConnector.tsx 正在载入提交数据...
GitHubIntegration.tsx 正在载入提交数据...
HelpBotDialog.tsx 正在载入提交数据...
HelpDialog.tsx 正在载入提交数据...
ImportAppButton.tsx 正在载入提交数据...
ImportAppDialog.tsx 正在载入提交数据...
InputRequestToast.tsx 正在载入提交数据...
LoadingBlock.tsx 正在载入提交数据...
MaxChatTurnsSelector.tsx 正在载入提交数据...
McpConsentToast.tsx 正在载入提交数据...
McpToolsPicker.tsx 正在载入提交数据...
ModelPicker.tsx 正在载入提交数据...
NeonConnector.tsx 正在载入提交数据...
NeonDisconnectButton.tsx 正在载入提交数据...
NeonIntegration.tsx 正在载入提交数据...
NodePathSelector.tsx 正在载入提交数据...
PortalMigrate.tsx 正在载入提交数据...
PriceBadge.tsx 正在载入提交数据...
ProBanner.tsx 正在载入提交数据...
ProModeSelector.tsx 正在载入提交数据...
ProviderSettings.tsx 正在载入提交数据...
ReleaseChannelSelector.tsx 正在载入提交数据...
RuntimeModeSelector.tsx 正在载入提交数据...
SettingsList.tsx 正在载入提交数据...
SetupBanner.tsx 正在载入提交数据...
SetupProviderCard.tsx 正在载入提交数据...
SupabaseConnector.tsx 正在载入提交数据...
SupabaseIntegration.tsx 正在载入提交数据...
TelemetryBanner.tsx 正在载入提交数据...
TelemetrySwitch.tsx 正在载入提交数据...
TemplateCard.tsx 正在载入提交数据...
ThinkingBudgetSelector.tsx 正在载入提交数据...
VercelConnector.tsx 正在载入提交数据...
VercelIntegration.tsx 正在载入提交数据...
ZoomSelector.tsx 正在载入提交数据...
app-sidebar.tsx 正在载入提交数据...
appItem.tsx 正在载入提交数据...