Skip to content

Commit bc82261

Browse files
woothuwoothu
committed
refactor: replace font icons with svg icons
1 parent 1c7b133 commit bc82261

Some content is hidden

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

67 files changed

+397
-44811
lines changed

‎package-lock.json

Lines changed: 7 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,9 +14,10 @@
1414
"test:e2e": "vue-cli-service test:e2e"
1515
},
1616
"dependencies": {
17-
"@coreui/coreui": "3.0.0-beta.0",
17+
"@coreui/coreui": "3.0.0-beta.1",
1818
"@coreui/coreui-chartjs": "../coreui-chartjs",
1919
"@coreui/icons": "../coreui-icons",
20+
"@coreui/icons-vue": "../coreui-icons-vue",
2021
"@coreui/vue": "../coreui-vue",
2122
"vue": "^2.6.10",
2223
"vue-router": "^3.1.3"

‎src/App.vue

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,6 @@ export default {
99
</script>
1010

1111
<style lang="scss">
12-
// CoreUI Icons Set
13-
@import '~@coreui/icons/css/coreui-icons.min.css';
1412
// Import Main styles for this application
1513
@import 'assets/scss/style';
1614
</style>

‎src/assets/icons/icons.js

Lines changed: 108 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -17,14 +17,117 @@ import {
1717
reddit,
1818
vimeo,
1919
ccMastercard, ccVisa, stripe, paypal, googleWallet, ccAmex
20-
} from '@coreui/icons/brands'
21-
import { US, BR, IN, FR, ES, PL } from '@coreui/icons/flags'
22-
import { iconSet } from '@coreui/icons'
20+
} from '@coreui/icons'
21+
import {
22+
US,
23+
BR,
24+
IN,
25+
FR,
26+
ES,
27+
PL
28+
} from '@coreui/icons'
29+
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
73+
74+
} from '@coreui/icons'
2375

2476
export const iconsSet = Object.assign(
2577
{},
26-
iconSet,
27-
{ US, BR, IN, FR, ES, PL },
78+
{
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
122+
},
123+
{
124+
US,
125+
BR,
126+
IN,
127+
FR,
128+
ES,
129+
PL
130+
},
28131
{
29132
facebook,
30133
twitter,

‎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-
<i class="cui-bell"></i>
41+
<CIcon name="bell"/>
4242
</CHeaderNavLink>
4343
</CHeaderNavItem>
4444
<CHeaderNavItem class="d-md-down-none mx-2">
4545
<CHeaderNavLink>
46-
<i class="cui-list"></i>
46+
<CIcon name="list"/>
4747
</CHeaderNavLink>
4848
</CHeaderNavItem>
4949
<CHeaderNavItem class="d-md-down-none mx-2">
5050
<CHeaderNavLink>
51-
<i class="cui-envelope-open"></i>
51+
<CIcon name="envelope-open"/>
5252
</CHeaderNavLink>
5353
</CHeaderNavItem>
5454
<TheHeaderDropdownAccnt/>

‎src/containers/TheHeaderDropdownAccnt.vue

Lines changed: 16 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -19,19 +19,19 @@
1919
<strong>Account</strong>
2020
</CDropdownHeader>
2121
<CDropdownItem>
22-
<i class="cui-bell mr-2"/> Updates
22+
<CIcon name="bell"/> Updates
2323
<CBadge color="info" class="ml-auto">{{ itemsCount }}</CBadge>
2424
</CDropdownItem>
2525
<CDropdownItem>
26-
<i class="cui-envelope-open mr-2" /> Messages
26+
<CIcon name="envelope-open" /> Messages
2727
<CBadge color="success" class="ml-auto">{{ itemsCount }}</CBadge>
2828
</CDropdownItem>
2929
<CDropdownItem>
30-
<i class="cui-task mr-2" /> Tasks
30+
<CIcon name="task" /> Tasks
3131
<CBadge color="danger" class="ml-auto">{{ itemsCount }}</CBadge>
3232
</CDropdownItem>
3333
<CDropdownItem>
34-
<i class="cui-comment-square mr-2" /> Comments
34+
<CIcon name="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-
<i class="cui-user mr-2" /> Profile
45+
<CIcon name="user" /> Profile
4646
</CDropdownItem>
4747
<CDropdownItem>
48-
<i class="cui-wrench mr-2" /> Settings
48+
<CIcon name="settings" /> Settings
4949
</CDropdownItem>
5050
<CDropdownItem>
51-
<i class="cui-dollar mr-2" /> Payments
51+
<CIcon name="dollar" /> Payments
5252
<CBadge color="secondary" class="ml-auto">{{ itemsCount }}</CBadge>
5353
</CDropdownItem>
5454
<CDropdownItem>
55-
<i class="cui-file mr-2" /> Projects
55+
<CIcon name="file" /> Projects
5656
<CBadge color="primary" class="ml-auto">{{ itemsCount }}</CBadge>
5757
</CDropdownItem>
5858
<CDropdownDivider/>
5959
<CDropdownItem>
60-
<i class="cui-shield mr-2" /> Lock Account
60+
<CIcon name="shield-alt" /> Lock Account
6161
</CDropdownItem>
6262
<CDropdownItem>
63-
<i class="cui-lock-locked mr-2" /> Logout
63+
<CIcon name="lock-locked" /> Logout
6464
</CDropdownItem>
6565
</CDropdown>
6666
</template>
@@ -75,3 +75,9 @@ export default {
7575
}
7676
}
7777
</script>
78+
79+
<style scoped>
80+
.c-icon {
81+
margin-right: 0.5rem;
82+
}
83+
</style>

0 commit comments

Comments
 (0)