Skip to content

Commit 3c836af

Browse files
sfxcodesfxcode
committed
style: update icons in AppTopbar component for improved clarity and consistency
1 parent 2f37401 commit 3c836af

1 file changed

Lines changed: 44 additions & 44 deletions

File tree

‎dev/components/app/AppTopbar.vue‎

Lines changed: 44 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -22,56 +22,56 @@ const items = ref([
2222
},
2323
{
2424
label: 'Components',
25-
icon: 'pi pi-box',
25+
icon: 'pi pi-objects-column',
2626
class: 'ml-2',
2727
items: [
2828
[
2929
{
3030
label: 'Edit',
3131
items: [
32-
{ label: 'InputText', icon: 'pi pi-fw pi-user-edit', route: '/inputs/inputText' },
33-
{ label: 'Textarea', icon: 'pi pi-fw pi-user-edit', route: '/inputs/textArea' },
34-
{ label: 'InputNumber', icon: 'pi pi-fw pi-user-edit', route: '/inputs/inputNumber' },
35-
{ label: 'InputOtp', icon: 'pi pi-fw pi-user-edit', route: '/inputs/inputOtp' },
36-
{ label: 'InputMask', icon: 'pi pi-fw pi-user-edit', route: '/inputs/inputMask' },
37-
{ label: 'DatePicker', icon: 'pi pi-fw pi-user-edit', route: '/inputs/datePicker' },
38-
{ label: 'Password', icon: 'pi pi-fw pi-user-edit', route: '/inputs/password' },
32+
{ label: 'InputText', icon: 'pi pi-fw pi-pencil', route: '/inputs/inputText' },
33+
{ label: 'Textarea', icon: 'pi pi-fw pi-align-left', route: '/inputs/textArea' },
34+
{ label: 'InputNumber', icon: 'pi pi-fw pi-hashtag', route: '/inputs/inputNumber' },
35+
{ label: 'InputOtp', icon: 'pi pi-fw pi-shield', route: '/inputs/inputOtp' },
36+
{ label: 'InputMask', icon: 'pi pi-fw pi-id-card', route: '/inputs/inputMask' },
37+
{ label: 'DatePicker', icon: 'pi pi-fw pi-calendar', route: '/inputs/datePicker' },
38+
{ label: 'Password', icon: 'pi pi-fw pi-lock', route: '/inputs/password' },
3939
],
4040
},
4141
],
4242
[
4343
{
4444
label: 'Select',
4545
items: [
46-
{ label: 'CascadeSelect', icon: 'pi pi-fw pi-user-edit', route: '/inputs/cascadeSelect' },
47-
{ label: 'Select', icon: 'pi pi-fw pi-user-edit', route: '/inputs/select' },
48-
{ label: 'Listbox', icon: 'pi pi-fw pi-user-edit', route: '/inputs/listbox' },
49-
{ label: 'MultiSelect', icon: 'pi pi-fw pi-user-edit', route: '/inputs/multiSelect' },
50-
{ label: 'RadioButton', icon: 'pi pi-fw pi-user-edit', route: '/inputs/radioButton' },
51-
{ label: 'SelectButton', icon: 'pi pi-fw pi-user-edit', route: '/inputs/selectButton' },
52-
{ label: 'ToggleButton', icon: 'pi pi-fw pi-user-edit', route: '/inputs/toggleButton' },
53-
{ label: 'TreeSelect', icon: 'pi pi-fw pi-user-edit', route: '/inputs/treeSelect' },
46+
{ label: 'CascadeSelect', icon: 'pi pi-fw pi-share-alt', route: '/inputs/cascadeSelect' },
47+
{ label: 'Select', icon: 'pi pi-fw pi-chevron-down', route: '/inputs/select' },
48+
{ label: 'Listbox', icon: 'pi pi-fw pi-list', route: '/inputs/listbox' },
49+
{ label: 'MultiSelect', icon: 'pi pi-fw pi-check-square', route: '/inputs/multiSelect' },
50+
{ label: 'RadioButton', icon: 'pi pi-fw pi-circle', route: '/inputs/radioButton' },
51+
{ label: 'SelectButton', icon: 'pi pi-fw pi-stop', route: '/inputs/selectButton' },
52+
{ label: 'ToggleButton', icon: 'pi pi-fw pi-toggle-on', route: '/inputs/toggleButton' },
53+
{ label: 'TreeSelect', icon: 'pi pi-fw pi-sitemap', route: '/inputs/treeSelect' },
5454
],
5555
},
5656
],
5757
[
5858
{
5959
label: 'Check',
6060
items: [
61-
{ label: 'Checkbox', icon: 'pi pi-fw pi-user-edit', route: '/inputs/checkBox' },
62-
{ label: 'ToggleSwitch', icon: 'pi pi-fw pi-user-edit', route: '/inputs/toggleSwitch' },
61+
{ label: 'Checkbox', icon: 'pi pi-fw pi-check-square', route: '/inputs/checkBox' },
62+
{ label: 'ToggleSwitch', icon: 'pi pi-fw pi-power-off', route: '/inputs/toggleSwitch' },
6363
],
6464
},
6565
],
6666
[
6767
{
6868
label: 'Misc',
6969
items: [
70-
{ label: 'AutoComplete', icon: 'pi pi-fw pi-user-edit', route: '/inputs/autoComplete' },
71-
{ label: 'ColorPicker', icon: 'pi pi-fw pi-user-edit', route: '/inputs/colorPicker' },
72-
{ label: 'Knob', icon: 'pi pi-fw pi-user-edit', route: '/inputs/knob' },
73-
{ label: 'Slider', icon: 'pi pi-fw pi-user-edit', route: '/inputs/slider' },
74-
{ label: 'Rating', icon: 'pi pi-fw pi-user-edit', route: '/inputs/rating' },
70+
{ label: 'AutoComplete', icon: 'pi pi-fw pi-search', route: '/inputs/autoComplete' },
71+
{ label: 'ColorPicker', icon: 'pi pi-fw pi-palette', route: '/inputs/colorPicker' },
72+
{ label: 'Knob', icon: 'pi pi-fw pi-sync', route: '/inputs/knob' },
73+
{ label: 'Slider', icon: 'pi pi-fw pi-sliders-h', route: '/inputs/slider' },
74+
{ label: 'Rating', icon: 'pi pi-fw pi-star', route: '/inputs/rating' },
7575
{ label: 'Repeater', icon: 'pi pi-fw pi-list', route: '/inputs/repeater' },
7676
],
7777
},
@@ -80,52 +80,52 @@ const items = ref([
8080
},
8181
{
8282
label: 'More',
83-
icon: 'pi pi-box',
83+
icon: 'pi pi-ellipsis-h',
8484
class: 'ml-2',
8585
items: [
8686
[
8787
{
8888
label: 'Output Components',
8989
items: [
90-
{ label: 'Output Text', icon: 'pi pi-fw pi-user-edit', route: '/outputs/outputText' },
91-
{ label: 'Output Number', icon: 'pi pi-fw pi-user-edit', route: '/outputs/outputNumber' },
92-
{ label: 'Output Date', icon: 'pi pi-fw pi-user-edit', route: '/outputs/outputDate' },
93-
{ label: 'Output Link', icon: 'pi pi-fw pi-user-edit', route: '/outputs/outputLink' },
94-
{ label: 'Output List', icon: 'pi pi-fw pi-user-edit', route: '/outputs/outputList' },
95-
{ label: 'Output Boolean', icon: 'pi pi-fw pi-user-edit', route: '/outputs/outputBoolean' },
96-
{ label: 'Output Duration', icon: 'pi pi-fw pi-user-edit', route: '/outputs/outputDuration' },
97-
{ label: 'Output Reference', icon: 'pi pi-fw pi-user-edit', route: '/outputs/outputReference' },
90+
{ label: 'Output Text', icon: 'pi pi-fw pi-align-left', route: '/outputs/outputText' },
91+
{ label: 'Output Number', icon: 'pi pi-fw pi-hashtag', route: '/outputs/outputNumber' },
92+
{ label: 'Output Date', icon: 'pi pi-fw pi-calendar', route: '/outputs/outputDate' },
93+
{ label: 'Output Link', icon: 'pi pi-fw pi-link', route: '/outputs/outputLink' },
94+
{ label: 'Output List', icon: 'pi pi-fw pi-list', route: '/outputs/outputList' },
95+
{ label: 'Output Boolean', icon: 'pi pi-fw pi-check', route: '/outputs/outputBoolean' },
96+
{ label: 'Output Duration', icon: 'pi pi-fw pi-clock', route: '/outputs/outputDuration' },
97+
{ label: 'Output Reference', icon: 'pi pi-fw pi-bookmark', route: '/outputs/outputReference' },
9898
],
9999
},
100100
],
101101
[
102102
{
103103
label: 'Styling',
104104
items: [
105-
{ label: 'Basic', icon: 'pi pi-fw pi-user-edit', route: '/styling/base' },
106-
{ label: 'Pass Through', icon: 'pi pi-fw pi-user-edit', route: '/styling/passThrough' },
107-
{ label: 'FormKit Class', icon: 'pi pi-fw pi-user-edit', route: '/styling/class' },
108-
{ label: 'Grid', icon: 'pi pi-fw pi-user-edit', route: '/styling/grid' },
109-
{ label: 'Horizontal', icon: 'pi pi-fw pi-user-edit', route: '/styling/horizontal' },
105+
{ label: 'Basic', icon: 'pi pi-fw pi-palette', route: '/styling/base' },
106+
{ label: 'Pass Through', icon: 'pi pi-fw pi-arrow-right-arrow-left', route: '/styling/passThrough' },
107+
{ label: 'FormKit Class', icon: 'pi pi-fw pi-code', route: '/styling/class' },
108+
{ label: 'Grid', icon: 'pi pi-fw pi-th-large', route: '/styling/grid' },
109+
{ label: 'Horizontal', icon: 'pi pi-fw pi-arrows-h', route: '/styling/horizontal' },
110110
],
111111
},
112112
],
113113
[
114114
{
115115
label: 'Data',
116116
items: [
117-
{ label: 'Edit', icon: 'pi pi-fw pi-user-edit', route: '/data/edit' },
118-
{ label: 'View', icon: 'pi pi-fw pi-user-edit', route: '/data/view' },
119-
{ label: 'Without Schema', icon: 'pi pi-fw pi-user-edit', route: '/data/withoutSchema' },
120-
{ label: 'Slots', icon: 'pi pi-fw pi-user-edit', route: '/data/slots' },
117+
{ label: 'Edit', icon: 'pi pi-fw pi-pencil', route: '/data/edit' },
118+
{ label: 'View', icon: 'pi pi-fw pi-eye', route: '/data/view' },
119+
{ label: 'Without Schema', icon: 'pi pi-fw pi-file', route: '/data/withoutSchema' },
120+
{ label: 'Slots', icon: 'pi pi-fw pi-box', route: '/data/slots' },
121121
],
122122
},
123123
{
124124
label: 'Samples',
125125
items: [
126-
{ label: 'Repeater', icon: 'pi pi-fw pi-user-edit', route: '/samples/repeater' },
127-
{ label: 'Input Editor', icon: 'pi pi-fw pi-user-edit', route: '/samples/inputEditor' },
128-
{ label: 'MultiStep', icon: 'pi pi-fw pi-user-edit', route: '/samples/multiStep' },
126+
{ label: 'Repeater', icon: 'pi pi-fw pi-list', route: '/samples/repeater' },
127+
{ label: 'Input Editor', icon: 'pi pi-fw pi-code', route: '/samples/inputEditor' },
128+
{ label: 'MultiStep', icon: 'pi pi-fw pi-forward', route: '/samples/multiStep' },
129129
],
130130
},
131131
],

0 commit comments

Comments
 (0)