sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

refactor: replace font icons with svg icons

Browse Source
This commit is contained in:
woothu
2019-11-08 17:20:56 +01:00
parent 1c7b133ae5
commit bc822612da
67 changed files with 397 additions and 44811 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/buttons/ButtonGroups.vue
+8 -8
View File
@@ -3,7 +3,7 @@
<CCol col="12">
<CCard>
<CCardHeader>
<i class="fa fa-align-justify"></i>
<CIcon name="justify-center"/>
<strong> Bootstrap button group</strong>
<div class="card-header-actions">
<a
@@ -41,7 +41,7 @@
<CCol col="12">
<CCard>
<CCardHeader>
<i class="fa fa-align-justify"></i>
<CIcon name="justify-center"/>
<strong> Button group </strong>sizing
</CCardHeader>
<CCardBody>
@@ -70,7 +70,7 @@
<CCol col="12">
<CCard>
<CCardHeader>
<i class="fa fa-align-justify"></i><strong> Button group </strong>dropdown support
<CIcon name="justify-center"/><strong> Button group </strong>dropdown support
</CCardHeader>
<CCardBody>
<div>
@@ -98,7 +98,7 @@
<CCol col="12">
<CCard>
<CCardHeader>
<i class="fa fa-align-justify"></i>
<CIcon name="justify-center"/>
<strong> Button group </strong>vertical variation
</CCardHeader>
<CCardBody>
@@ -115,7 +115,7 @@
<CCol col="12">
<CCard>
<CCardHeader>
<i class="fa fa-align-justify"></i>
<CIcon name="justify-center"/>
<strong> Button toolbar </strong>
<small>with button groups</small>
<!-- <div class="card-header-actions">
@@ -152,17 +152,17 @@
<CInput
class="mb-0 w-25 mx-1"
size="sm"
prepend-html="$"
append-html=".00"
append=".00"
value="100"
prepend="$"
/>
<CSelect
class="mb-0 w-25 mx-1"
size="sm"
prepend-html="Size"
value="Medium"
:options="['Large','Medium','Small']"
custom
prepend="Size"
/>
<CButtonGroup size="sm" class="mx-1">
<CButton color="secondary">Save</CButton>
src/views/buttons/Dropdowns.vue
+6 -6
View File
@@ -4,7 +4,7 @@
<CCol col="12" md="6">
<CCard>
<CCardHeader>
<i class="fa fa-align-justify"></i>
<CIcon name="justify-center"/>
<strong> Bootstrap Dropdown</strong>
<div class="card-header-actions">
<a
@@ -69,7 +69,7 @@
<CCol col="12" md="6">
<CCard>
<CCardHeader>
<i class="fa fa-align-justify"></i>
<CIcon name="justify-center"/>
<strong> Dropdown </strong>
<small>positioning</small>
</CCardHeader>
@@ -140,7 +140,7 @@
<CCol col="12" md="6">
<CCard>
<CCardHeader>
<i class="fa fa-align-justify"></i>
<CIcon name="justify-center"/>
<strong> Dropdown </strong>
<small>hidden caret</small>
</CCardHeader>
@@ -165,7 +165,7 @@
<CCol col="12" md="6">
<CCard>
<CCardHeader>
<i class="fa fa-align-justify"></i>
<CIcon name="justify-center"/>
<strong> Dropdown </strong>
<small>sizing</small>
</CCardHeader>
@@ -222,7 +222,7 @@
<CCol col="12" md="6">
<CCard>
<CCardHeader>
<i class="fa fa-align-justify"></i>
<CIcon name="justify-center"/>
<strong> Dropdown </strong>
<small>headers and accessibility</small>
</CCardHeader>
@@ -254,7 +254,7 @@
<CCol col="12" md="6">
<CCard>
<CCardHeader>
<i class="fa fa-align-justify"></i>
<CIcon name="justify-center"/>
<strong> Dropdown </strong>
<small><code>color</code></small>
</CCardHeader>
src/views/buttons/StandardButtons.vue
+5 -5
View File
@@ -604,27 +604,27 @@
<CRow class="align-items-center">
<CCol sm xs="12" class="text-center mt-3">
<CButton color="primary">
<i class="cui-lightbulb"></i>&nbsp;Standard Button
<CIcon name="lightbulb"/>&nbsp;Standard Button
</CButton>
</CCol>
<CCol sm xs="12" class="text-center mt-3">
<CButton color="secondary" variant="outline">
<i class="cui-lightbulb"></i>&nbsp;Outline Button
<CIcon name="lightbulb"/>&nbsp;Outline Button
</CButton>
</CCol>
<CCol sm xs="12" class="text-center mt-3">
<CButton color="success">
<i class="cui-lightbulb"></i>&nbsp;Ghost Button
<CIcon name="lightbulb"/>&nbsp;Ghost Button
</CButton>
</CCol>
<CCol sm xs="12" class="text-center mt-3">
<CButton color="warning" square>
<i class="cui-lightbulb"></i>&nbsp;Square Button
<CIcon name="lightbulb"/>&nbsp;Square Button
</CButton>
</CCol>
<CCol sm xs="12" class="text-center mt-3">
<CButton color="danger" shape="pill">
<i class="cui-lightbulb"></i>&nbsp;Pill Button
<CIcon name="lightbulb"/>&nbsp;Pill Button
</CButton>
</CCol>
</CRow>