Skip to content

Commit 6ff9c0a

Browse files
kastovkastov
committed
refactor: standardize icon sizes across components
1 parent 07a4479 commit 6ff9c0a

File tree

84 files changed

+297
-252
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

84 files changed

+297
-252
lines changed

‎src/app/layouts/dashboard/main-layout/navbar/Navigation.module.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -81,8 +81,8 @@
8181
}
8282

8383
& svg {
84-
height: 1.25rem;
85-
width: 1.25rem;
84+
height: 20px;
85+
width: 20px;
8686
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
8787
}
8888

‎src/features/auth/login-form/login-form.feature.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@ export const LoginFormFeature = () => {
5959
/>
6060
<Button
6161
fullWidth
62-
leftSection={<PiSignInDuotone size="1rem" />}
62+
leftSection={<PiSignInDuotone size="16px" />}
6363
loading={isLoading}
6464
mt="xl"
6565
type="submit"

‎src/features/auth/register-form/register-form.feature.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -138,7 +138,7 @@ export const RegisterFormFeature = () => {
138138

139139
<Button
140140
fullWidth
141-
leftSection={<PiShuffleDuotone size="1rem" />}
141+
leftSection={<PiShuffleDuotone size="16px" />}
142142
mt="xl"
143143
onClick={handleGeneratePassword}
144144
size="md"
@@ -150,7 +150,7 @@ export const RegisterFormFeature = () => {
150150

151151
<Button
152152
fullWidth
153-
leftSection={<PiSignpostDuotone size="1rem" />}
153+
leftSection={<PiSignpostDuotone size="16px" />}
154154
loading={isLoading}
155155
mt="xl"
156156
size="md"

‎src/features/dashboard/hosts/hosts-filters/hosts-filters.feature.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ export const HostsFiltersFeature = (props: IProps) => {
100100
<Select
101101
clearable
102102
data={configProfileOptions}
103-
leftSection={<PiBookmarks size="1rem" />}
103+
leftSection={<PiBookmarks size="16px" />}
104104
leftSectionPointerEvents="none"
105105
onChange={handleConfigProfileChange}
106106
placeholder="Select config profile"
@@ -113,7 +113,7 @@ export const HostsFiltersFeature = (props: IProps) => {
113113
clearable
114114
data={inboundOptions}
115115
disabled={!configProfileFilter}
116-
leftSection={<PiTag size="1rem" />}
116+
leftSection={<PiTag size="16px" />}
117117
leftSectionPointerEvents="none"
118118
onChange={handleInboundChange}
119119
placeholder="Select inbound"

‎src/features/dashboard/users/users-action-group/action-group.feature.tsx

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -75,15 +75,15 @@ export const UserActionGroupFeature = (props: IProps) => {
7575
<Group grow preventGrowOverflow={false} wrap="wrap">
7676
<Button
7777
color="lime"
78-
leftSection={<TbQuestionMark size="1.25rem" />}
78+
leftSection={<TbQuestionMark size="20px" />}
7979
onClick={helpDrawerHandlers.open}
8080
size="xs"
8181
variant="light"
8282
>
8383
Help
8484
</Button>
8585
<Button
86-
leftSection={<PiArrowsClockwise size="1rem" />}
86+
leftSection={<PiArrowsClockwise size="16px" />}
8787
loading={isLoading}
8888
onClick={handleRefetch}
8989
size="xs"
@@ -93,7 +93,7 @@ export const UserActionGroupFeature = (props: IProps) => {
9393
</Button>
9494
<Button
9595
color="gray"
96-
leftSection={<PiExcludeSquare size="1rem" />}
96+
leftSection={<PiExcludeSquare size="16px" />}
9797
loading={isLoading}
9898
onClick={handleClearFilters}
9999
size="xs"
@@ -103,7 +103,7 @@ export const UserActionGroupFeature = (props: IProps) => {
103103
</Button>
104104

105105
<Button
106-
leftSection={<PiArrowsClockwise size="1rem" />}
106+
leftSection={<PiArrowsClockwise size="16px" />}
107107
loading={isLoading}
108108
onClick={handleResetTable}
109109
size="xs"
@@ -114,7 +114,7 @@ export const UserActionGroupFeature = (props: IProps) => {
114114

115115
<Button
116116
color="red"
117-
leftSection={<PiAnchorSimpleDuotone size="1rem" />}
117+
leftSection={<PiAnchorSimpleDuotone size="16px" />}
118118
loading={isLoading}
119119
onClick={bulkAllDrawerHandlers.open}
120120
size="xs"
@@ -124,7 +124,7 @@ export const UserActionGroupFeature = (props: IProps) => {
124124
</Button>
125125

126126
<Button
127-
leftSection={<PiPlus size="1rem" />}
127+
leftSection={<PiPlus size="16px" />}
128128
onClick={handleOpenCreateUserModal}
129129
size="xs"
130130
variant="default"
@@ -164,33 +164,33 @@ export const UserActionGroupFeature = (props: IProps) => {
164164
<Table.Tr>
165165
<Table.Td>
166166
<Group gap="xs">
167-
<TbFilter size="1.5rem" />
168-
<TbFilterOff size="1.5rem" />
167+
<TbFilter size="24px" />
168+
<TbFilterOff size="24px" />
169169
</Group>
170170
</Table.Td>
171171
<Table.Td>Toggle column filters to search and filter data</Table.Td>
172172
</Table.Tr>
173173
<Table.Tr>
174174
<Table.Td>
175-
<TbColumns size="1.5rem" />
175+
<TbColumns size="24px" />
176176
</Table.Td>
177177
<Table.Td>Show or hide specific columns</Table.Td>
178178
</Table.Tr>
179179
<Table.Tr>
180180
<Table.Td>
181181
<Group gap="xs">
182-
<TbBaselineDensitySmall size="1.5rem" />
183-
<TbBaselineDensityMedium size="1.5rem" />
184-
<TbBaselineDensityLarge size="1.5rem" />
182+
<TbBaselineDensitySmall size="24px" />
183+
<TbBaselineDensityMedium size="24px" />
184+
<TbBaselineDensityLarge size="24px" />
185185
</Group>
186186
</Table.Td>
187187
<Table.Td>Adjust row spacing density</Table.Td>
188188
</Table.Tr>
189189
<Table.Tr>
190190
<Table.Td>
191191
<Group gap="xs">
192-
<TbMaximize size="1.5rem" />
193-
<TbMinimize size="1.5rem" />
192+
<TbMaximize size="24px" />
193+
<TbMinimize size="24px" />
194194
</Group>
195195
</Table.Td>
196196
<Table.Td>Toggle fullscreen table view</Table.Td>

‎src/features/ui/dashboard/api-tokens/api-tokens-header-action-buttons/api-tokens-header-action-buttons.feature.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ export const ApiTokensHeaderActionButtonsFeature = () => {
1616
return (
1717
<Group grow preventGrowOverflow={false} wrap="wrap">
1818
<Button
19-
leftSection={<PiPlus size="1rem" />}
19+
leftSection={<PiPlus size="16px" />}
2020
onClick={handleCreate}
2121
size="xs"
2222
variant="default"

‎src/features/ui/dashboard/config-profiles/header-action-buttons/header-action-buttons.feature.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@ export const ConfigProfilesHeaderActionButtonsFeature = () => {
8787
return (
8888
<Group grow preventGrowOverflow={false} wrap="wrap">
8989
<Button
90-
leftSection={<PiArrowsClockwise size="1rem" />}
90+
leftSection={<PiArrowsClockwise size="16px" />}
9191
loading={isFetching}
9292
onClick={handleUpdate}
9393
size="xs"
@@ -96,7 +96,7 @@ export const ConfigProfilesHeaderActionButtonsFeature = () => {
9696
Update
9797
</Button>
9898

99-
<Button leftSection={<PiPlus size="1rem" />} onClick={open} size="xs" variant="default">
99+
<Button leftSection={<PiPlus size="16px" />} onClick={open} size="xs" variant="default">
100100
Create Config Profile
101101
</Button>
102102

‎src/features/ui/dashboard/header-buttons/header-buttons.feature.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,11 +32,11 @@ export const HeaderButtons = () => {
3232
<LanguagePicker />
3333

3434
<ActionIcon color="gray" onClick={handleRefresh} size="xl">
35-
<PiArrowsClockwise size="1.5rem" />
35+
<PiArrowsClockwise size="24px" />
3636
</ActionIcon>
3737

3838
<ActionIcon color="cyan" onClick={handleLogout} size="xl">
39-
<PiSignOutDuotone size="1.5rem" />
39+
<PiSignOutDuotone size="24px" />
4040
</ActionIcon>
4141
</Group>
4242
)

‎src/features/ui/dashboard/hosts/delete-host/delete-host.feature.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ export function DeleteHostFeature() {
3333
onClick={handleDeleteHost}
3434
size="xl"
3535
>
36-
<PiTrashDuotone size="1.5rem" />
36+
<PiTrashDuotone size="24px" />
3737
</ActionIcon>
3838
</Tooltip>
3939
)

‎src/features/ui/dashboard/hosts/header-action-buttons/header-action-buttons.feature.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ export const HeaderActionButtonsFeature = () => {
2626
return (
2727
<Group grow preventGrowOverflow={false} wrap="wrap">
2828
<Button
29-
leftSection={<PiArrowsClockwise size="1rem" />}
29+
leftSection={<PiArrowsClockwise size="16px" />}
3030
loading={isFetching}
3131
onClick={handleUpdate}
3232
size="xs"
@@ -36,7 +36,7 @@ export const HeaderActionButtonsFeature = () => {
3636
</Button>
3737

3838
<Button
39-
leftSection={<PiPlus size="1rem" />}
39+
leftSection={<PiPlus size="16px" />}
4040
onClick={handleCreate}
4141
size="xs"
4242
variant="default"

0 commit comments

Comments
 (0)