sean/manja_dev_ui
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

refactor: delete 'c-' class prefix, update coreui styles to alpha-v13

Browse Source
This commit is contained in:
woothu
2019-09-20 13:59:53 +02:00
parent 6969728859
commit b3e6540052
46 changed files with 1125 additions and 1132 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/widgets/Widgets.vue
+14 -14
View File
@@ -10,13 +10,13 @@
<CProgress
variant="success"
:value="25"
class="c-progress-xs c-my-3 c-mb-0"
class="progress-xs my-3 mb-0"
/>
<template #header>
<div class="c-card-header-actions">
<div class="card-header-actions">
<a
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
class="card-header-action c-position-absolute"
class="card-header-action position-absolute"
style="right:10px; top:10px"
rel="noreferrer noopener"
target="_blank"
@@ -184,7 +184,7 @@
variant="primary"
no-icon-padding
>
<CIcon name="settings" class="c-mx-5 " width="24"/>
<CIcon name="settings" class="mx-5 " width="24"/>
</CWidgetIcon>
</CCol>
<CCol col="12" sm="6" lg="4">
@@ -194,7 +194,7 @@
variant="info"
no-icon-padding
>
<CIcon name="laptop" class="c-mx-5 " width="24"/>
<CIcon name="laptop" class="mx-5 " width="24"/>
</CWidgetIcon>
</CCol>
<CCol col="12" sm="6" lg="4">
@@ -204,15 +204,15 @@
variant="warning"
no-icon-padding
>
<CIcon name="moon" class="c-mx-5 " width="24"/>
<CIcon name="moon" class="mx-5 " width="24"/>
<template #footer>
<CCardFooter class="c-card-footer c-px-3 c-py-2">
<CCardFooter class="card-footer px-3 py-2">
<CLink
class="c-font-weight-bold c-font-xs c-btn-block c-text-muted"
class="font-weight-bold font-xs btn-block text-muted"
href="https://coreui.io/"
>
View more
<CIcon name="arrowRight" class="c-float-right" width="16"/>
<CIcon name="arrowRight" class="float-right" width="16"/>
</CLink>
</CCardFooter>
</template>
@@ -228,7 +228,7 @@
no-icon-padding
link="#"
>
<CIcon name="settings" class="c-mx-5 " width="24"/>
<CIcon name="settings" class="mx-5 " width="24"/>
</CWidgetIcon>
</CCol>
<CCol col="12" sm="6" lg="4">
@@ -239,7 +239,7 @@
no-icon-padding
link="#"
>
<CIcon name="laptop" class="c-mx-5 " width="24"/>
<CIcon name="laptop" class="mx-5 " width="24"/>
</CWidgetIcon>
</CCol>
<CCol col="12" sm="6" lg="4">
@@ -250,13 +250,13 @@
no-icon-padding
link="#"
>
<CIcon name="moon" class="c-mx-5" width="24"/>
<CIcon name="moon" class="mx-5" width="24"/>
</CWidgetIcon>
</CCol>
</CRow> -->
<WidgetsBrand noCharts/>
<WidgetsBrand/>
<CCardGroup class="c-mb-4">
<CCardGroup class="mb-4">
<CWidgetProgressIcon
header="87.500"
text="Visitors"
@@ -292,7 +292,7 @@
<CIcon name="speedometer" height="36"/>
</CWidgetProgressIcon>
</CCardGroup>
<CCardGroup class="c-mb-4">
<CCardGroup class="mb-4">
<CWidgetProgressIcon
header="87.500"
text="Visitors"
src/views/widgets/WidgetsBrand.vue
+12 -12
View File
@@ -12,11 +12,11 @@
<CIcon
name="socialFacebook"
height="52"
class="c-my-4"
class="my-4"
/>
<CChartLineSimple
style="height:100px"
class="c-position-absolute"
class="position-absolute"
background-color="rgba(255,255,255,.1)"
:data-points="[65, 59, 84, 84, 51, 55, 40]"
label="Friends"
@@ -35,11 +35,11 @@
<CIcon
name="socialTwitter"
height="52"
class="c-my-4"
class="my-4"
/>
<CChartLineSimple
style="height:100px"
class="c-position-absolute"
class="position-absolute"
background-color="rgba(255,255,255,.1)"
:data-points="[1, 13, 9, 17, 34, 41, 38]"
label="Followers"
@@ -58,11 +58,11 @@
<CIcon
name="socialLinkedin"
height="52"
class="c-my-4"
class="my-4"
/>
<CChartLineSimple
style="height:100px"
class="c-position-absolute"
class="position-absolute"
background-color="rgba(255,255,255,.1)"
:data-points="[78, 81, 80, 45, 34, 12, 40]"
label="Contracts"
@@ -81,11 +81,11 @@
<CIcon
name="calendar"
height="52"
class="c-my-4"
class="my-4"
/>
<CChartLineSimple
style="height:100px"
class="c-position-absolute"
class="position-absolute"
background-color="rgba(255,255,255,.1)"
:data-points="[35, 23, 56, 22, 97, 23, 64]"
label="Followers"
@@ -106,7 +106,7 @@
<CIcon
name="socialFacebook"
height="56"
class="c-my-4"
class="my-4"
/>
</CWidgetBrand>
</CCol>
@@ -121,7 +121,7 @@
<CIcon
name="socialTwitter"
height="56"
class="c-my-4"
class="my-4"
/>
</CWidgetBrand>
</CCol>
@@ -136,7 +136,7 @@
<CIcon
name="socialLinkedin"
height="56"
class="c-my-4"
class="my-4"
/>
</CWidgetBrand>
</CCol>
@@ -151,7 +151,7 @@
<CIcon
name="calendar"
height="56"
class="c-my-4"
class="my-4"
/>
</CWidgetBrand>
</CCol>
src/views/widgets/WidgetsDropdown.vue
+10 -10
View File
@@ -4,8 +4,8 @@
<CWidgetDropdown variant="primary" header="9.823" text="Members online">
<template #default>
<CDropdown
class="c-float-right"
variant="transparent c-p-0"
class="float-right"
variant="transparent p-0"
placement="bottom-end"
>
<template #toggler-content>
@@ -20,7 +20,7 @@
<template #footer>
<CChartLineSimple
pointed
class="c-px-3"
class="px-3"
style="height:70px"
:data-points="[65, 59, 84, 84, 51, 55, 40]"
background-color="primary"
@@ -34,8 +34,8 @@
<CWidgetDropdown variant="info" header="9.823" text="Members online">
<template #default>
<CDropdown
class="c-float-right"
variant="transparent c-p-0"
class="float-right"
variant="transparent p-0"
placement="bottom-end"
no-caret
buttonHtml="<i class='cui-location-pin'></i>"
@@ -52,7 +52,7 @@
<template #footer>
<CChartLineSimple
pointed
class="c-px-3"
class="px-3"
style="height:70px"
:data-points="[1, 18, 9, 17, 34, 22, 11]"
background-color="info"
@@ -71,8 +71,8 @@
>
<template #default>
<CDropdown
class="c-float-right"
variant="transparent c-p-0"
class="float-right"
variant="transparent p-0"
placement="bottom-end"
>
<template #toggler-content>
@@ -105,8 +105,8 @@
>
<template #default>
<CDropdown
class="c-float-right"
variant="transparent c-p-0"
class="float-right"
variant="transparent p-0"
placement="bottom-end"
>
<template #toggler-content>