Skip to content

Commit 0bf951c

Browse files
woothuwoothu
committed
refactor: add prefixes to icons
1 parent 07a6b95 commit 0bf951c

File tree

68 files changed

+4401
-7838
lines changed

Some content is hidden

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

68 files changed

+4401
-7838
lines changed

‎src/assets/icons/icons.js

Lines changed: 144 additions & 134 deletions
Original file line numberDiff line numberDiff line change
@@ -1,151 +1,161 @@
11
import {
2-
facebook,
3-
twitter,
4-
linkedin,
5-
flickr,
6-
tumblr,
7-
xing,
8-
github,
9-
stackOverflow,
10-
youtube,
11-
dribbble,
12-
instagram,
13-
pinterest,
14-
vk,
15-
yahoo,
16-
behance,
17-
reddit,
18-
vimeo,
19-
ccMastercard, ccVisa, stripe, paypal, googleWallet, ccAmex
2+
cibFacebook,
3+
cibTwitter,
4+
cibLinkedin,
5+
cibFlickr,
6+
cibTumblr,
7+
cibXing,
8+
cibGithub,
9+
cibStackOverflow,
10+
cibYoutube,
11+
cibDribbble,
12+
cibInstagram,
13+
cibPinterest,
14+
cibVk,
15+
cibYahoo,
16+
cibBehance,
17+
cibReddit,
18+
cibVimeo,
19+
cibCcMastercard,
20+
cibCcVisa,
21+
cibStripe,
22+
cibPaypal,
23+
cibGooglePay,
24+
cibCcAmex
2025
} from '@coreui/icons'
2126
import {
22-
US,
23-
BR,
24-
IN,
25-
FR,
26-
ES,
27-
PL
27+
cifUs,
28+
cifBr,
29+
cifIn,
30+
cifFr,
31+
cifEs,
32+
cifPl
2833
} from '@coreui/icons'
2934
import {
30-
arrowRight,
31-
ban,
32-
basket,
33-
bell,
34-
calculator,
35-
calendar,
36-
cloudDownload,
37-
chartPie,
38-
check,
39-
chevronBottom,
40-
chevronTop,
41-
// circleCheck,
42-
commentSquare,
43-
cursor,
44-
drop,
45-
dollar,
46-
envelopeClosed,
47-
envelopeOpen,
48-
euro,
49-
globeAlt,
50-
file,
51-
justifyCenter,
52-
laptop,
53-
layers,
54-
lightbulb,
55-
list,
56-
locationPin,
57-
lockLocked,
58-
magnifyingGlass,
59-
moon,
60-
pencil,
61-
people,
62-
puzzle,
63-
settings,
64-
shieldAlt,
65-
speech,
66-
speedometer,
67-
star,
68-
task,
69-
user,
70-
userFemale,
71-
userFollow,
72-
xCircle
35+
cilArrowRight,
36+
cilBan,
37+
cilBasket,
38+
cilBell,
39+
cilCalculator,
40+
cilCalendar,
41+
cilCloudDownload,
42+
cilChartPie,
43+
cilCheck,
44+
cilChevronBottom,
45+
cilChevronTop,
46+
// cilCircleCheck,
47+
cilCommentSquare,
48+
cilCursor,
49+
cilDrop,
50+
cilDollar,
51+
cilEnvelopeClosed,
52+
cilEnvelopeOpen,
53+
cilEuro,
54+
cilGlobeAlt,
55+
cilFile,
56+
cilJustifyCenter,
57+
cilLaptop,
58+
cilLayers,
59+
cilLightbulb,
60+
cilList,
61+
cilLocationPin,
62+
cilLockLocked,
63+
cilMagnifyingGlass,
64+
cilMoon,
65+
cilPencil,
66+
cilPeople,
67+
cilPuzzle,
68+
cilSettings,
69+
cilShieldAlt,
70+
cilSpeech,
71+
cilSpeedometer,
72+
cilStar,
73+
cilTask,
74+
cilUser,
75+
cilUserFemale,
76+
cilUserFollow,
77+
cilXCircle
7378

7479
} from '@coreui/icons'
7580

7681
export const iconsSet = Object.assign(
7782
{},
7883
{
79-
arrowRight,
80-
ban,
81-
basket,
82-
bell,
83-
calculator,
84-
calendar,
85-
cloudDownload,
86-
chartPie,
87-
check,
88-
chevronBottom,
89-
chevronTop,
90-
// circleCheck,
91-
commentSquare,
92-
cursor,
93-
drop,
94-
dollar,
95-
envelopeClosed,
96-
envelopeOpen,
97-
euro,
98-
globeAlt,
99-
file,
100-
justifyCenter,
101-
laptop,
102-
layers,
103-
lightbulb,
104-
list,
105-
locationPin,
106-
lockLocked,
107-
magnifyingGlass,
108-
moon,
109-
pencil,
110-
people,
111-
puzzle,
112-
settings,
113-
shieldAlt,
114-
speech,
115-
speedometer,
116-
star,
117-
task,
118-
user,
119-
userFemale,
120-
userFollow,
121-
xCircle
84+
cilArrowRight,
85+
cilBan,
86+
cilBasket,
87+
cilBell,
88+
cilCalculator,
89+
cilCalendar,
90+
cilCloudDownload,
91+
cilChartPie,
92+
cilCheck,
93+
cilChevronBottom,
94+
cilChevronTop,
95+
// cilCircleCheck,
96+
cilCommentSquare,
97+
cilCursor,
98+
cilDrop,
99+
cilDollar,
100+
cilEnvelopeClosed,
101+
cilEnvelopeOpen,
102+
cilEuro,
103+
cilGlobeAlt,
104+
cilFile,
105+
cilJustifyCenter,
106+
cilLaptop,
107+
cilLayers,
108+
cilLightbulb,
109+
cilList,
110+
cilLocationPin,
111+
cilLockLocked,
112+
cilMagnifyingGlass,
113+
cilMoon,
114+
cilPencil,
115+
cilPeople,
116+
cilPuzzle,
117+
cilSettings,
118+
cilShieldAlt,
119+
cilSpeech,
120+
cilSpeedometer,
121+
cilStar,
122+
cilTask,
123+
cilUser,
124+
cilUserFemale,
125+
cilUserFollow,
126+
cilXCircle
122127
},
123128
{
124-
US,
125-
BR,
126-
IN,
127-
FR,
128-
ES,
129-
PL
129+
cifUs,
130+
cifBr,
131+
cifIn,
132+
cifFr,
133+
cifEs,
134+
cifPl
130135
},
131136
{
132-
facebook,
133-
twitter,
134-
linkedin,
135-
flickr,
136-
tumblr,
137-
xing,
138-
github,
139-
stackOverflow,
140-
youtube,
141-
dribbble,
142-
instagram,
143-
pinterest,
144-
vk,
145-
yahoo,
146-
behance,
147-
reddit,
148-
vimeo,
149-
ccMastercard, ccVisa, stripe, paypal, googleWallet, ccAmex
137+
cibFacebook,
138+
cibTwitter,
139+
cibLinkedin,
140+
cibFlickr,
141+
cibTumblr,
142+
cibXing,
143+
cibGithub,
144+
cibStackOverflow,
145+
cibYoutube,
146+
cibDribbble,
147+
cibInstagram,
148+
cibPinterest,
149+
cibVk,
150+
cibYahoo,
151+
cibBehance,
152+
cibReddit,
153+
cibVimeo,
154+
cibCcMastercard,
155+
cibCcVisa,
156+
cibStripe,
157+
cibPaypal,
158+
cibGooglePay,
159+
cibCcAmex
150160
}
151161
)

‎src/containers/TheHeader.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -38,17 +38,17 @@
3838
<CHeaderNav class="mr-4">
3939
<CHeaderNavItem class="d-md-down-none mx-2">
4040
<CHeaderNavLink>
41-
<CIcon name="bell"/>
41+
<CIcon name="cil-bell"/>
4242
</CHeaderNavLink>
4343
</CHeaderNavItem>
4444
<CHeaderNavItem class="d-md-down-none mx-2">
4545
<CHeaderNavLink>
46-
<CIcon name="list"/>
46+
<CIcon name="cil-list"/>
4747
</CHeaderNavLink>
4848
</CHeaderNavItem>
4949
<CHeaderNavItem class="d-md-down-none mx-2">
5050
<CHeaderNavLink>
51-
<CIcon name="envelope-open"/>
51+
<CIcon name="cil-envelope-open"/>
5252
</CHeaderNavLink>
5353
</CHeaderNavItem>
5454
<TheHeaderDropdownAccnt/>

‎src/containers/TheHeaderDropdownAccnt.vue

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -19,19 +19,19 @@
1919
<strong>Account</strong>
2020
</CDropdownHeader>
2121
<CDropdownItem>
22-
<CIcon name="bell"/> Updates
22+
<CIcon name="cil-bell"/> Updates
2323
<CBadge color="info" class="ml-auto">{{ itemsCount }}</CBadge>
2424
</CDropdownItem>
2525
<CDropdownItem>
26-
<CIcon name="envelope-open" /> Messages
26+
<CIcon name="cil-envelope-open" /> Messages
2727
<CBadge color="success" class="ml-auto">{{ itemsCount }}</CBadge>
2828
</CDropdownItem>
2929
<CDropdownItem>
30-
<CIcon name="task" /> Tasks
30+
<CIcon name="cil-task" /> Tasks
3131
<CBadge color="danger" class="ml-auto">{{ itemsCount }}</CBadge>
3232
</CDropdownItem>
3333
<CDropdownItem>
34-
<CIcon name="comment-square" /> Comments
34+
<CIcon name="cil-comment-square" /> Comments
3535
<CBadge color="warning" class="ml-auto">{{ itemsCount }}</CBadge>
3636
</CDropdownItem>
3737
<CDropdownHeader
@@ -42,25 +42,25 @@
4242
<strong>Settings</strong>
4343
</CDropdownHeader>
4444
<CDropdownItem>
45-
<CIcon name="user" /> Profile
45+
<CIcon name="cil-user" /> Profile
4646
</CDropdownItem>
4747
<CDropdownItem>
48-
<CIcon name="settings" /> Settings
48+
<CIcon name="cil-settings" /> Settings
4949
</CDropdownItem>
5050
<CDropdownItem>
51-
<CIcon name="dollar" /> Payments
51+
<CIcon name="cil-dollar" /> Payments
5252
<CBadge color="secondary" class="ml-auto">{{ itemsCount }}</CBadge>
5353
</CDropdownItem>
5454
<CDropdownItem>
55-
<CIcon name="file" /> Projects
55+
<CIcon name="cil-file" /> Projects
5656
<CBadge color="primary" class="ml-auto">{{ itemsCount }}</CBadge>
5757
</CDropdownItem>
5858
<CDropdownDivider/>
5959
<CDropdownItem>
60-
<CIcon name="shield-alt" /> Lock Account
60+
<CIcon name="cil-shield-alt" /> Lock Account
6161
</CDropdownItem>
6262
<CDropdownItem>
63-
<CIcon name="lock-locked" /> Logout
63+
<CIcon name="cil-lock-locked" /> Logout
6464
</CDropdownItem>
6565
</CDropdown>
6666
</template>

0 commit comments

Comments
 (0)