GithubBackup/Foxel
1
0
Fork 0
mirror of https://github.com/DrizzleTime/Foxel.git synced 2026-09-07 08:36:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: adjust tab spacing and padding in System Settings page

Browse Source
This commit is contained in:
shiyu
2025-11-06 15:46:40 +08:00
parent 4e724b9c4a
commit 71e5f84eb7
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/pages/SystemSettingsPage/SystemSettingsPage.tsx
+1 -2
View File
@@ -109,13 +109,12 @@ export default function SystemSettingsPage({ tabKey, onTabNavigate }: SystemSett
<PageCard <PageCard
title={t('System Settings')} title={t('System Settings')}
> >
<Space direction="vertical" style={{ width: '100%' }} size={32}> <Space direction="vertical" style={{ width: '100%' }} size={16}>
<Tabs <Tabs
className="fx-settings-tabs" className="fx-settings-tabs"
activeKey={activeTab} activeKey={activeTab}
onChange={handleTabChange} onChange={handleTabChange}
centered centered
tabPosition="left"
items={[ items={[
{ {
key: 'appearance', key: 'appearance',
web/src/styles/settings-tabs.css
+11 -3
View File
@@ -1,11 +1,19 @@
.fx-settings-tabs .ant-tabs-nav {
margin-bottom: 12px;
}
.fx-settings-tabs .ant-tabs-nav-list { .fx-settings-tabs .ant-tabs-nav-list {
padding: 8px 4px; padding: 4px 8px;
width: 100%;
gap: 8px;
} }
.fx-settings-tabs .ant-tabs-tab { .fx-settings-tabs .ant-tabs-tab {
margin: 4px 0 !important; margin: 0 !important;
border-radius: 8px; border-radius: 8px;
padding: 6px 10px !important; padding: 8px 12px !important;
flex: 1 1 auto;
justify-content: center;
} }
.fx-settings-tabs .ant-tabs-tab .ant-tabs-tab-btn { .fx-settings-tabs .ant-tabs-tab .ant-tabs-tab-btn {