refactor: minor refactors, update snapshots
This commit is contained in:
@@ -52,6 +52,7 @@ import {
|
|||||||
cilEnvelopeOpen,
|
cilEnvelopeOpen,
|
||||||
cilEuro,
|
cilEuro,
|
||||||
cilGlobeAlt,
|
cilGlobeAlt,
|
||||||
|
cilGrid,
|
||||||
cilFile,
|
cilFile,
|
||||||
cilJustifyCenter,
|
cilJustifyCenter,
|
||||||
cilLaptop,
|
cilLaptop,
|
||||||
@@ -101,6 +102,7 @@ export const iconsSet = Object.assign(
|
|||||||
cilEnvelopeOpen,
|
cilEnvelopeOpen,
|
||||||
cilEuro,
|
cilEuro,
|
||||||
cilGlobeAlt,
|
cilGlobeAlt,
|
||||||
|
cilGrid,
|
||||||
cilFile,
|
cilFile,
|
||||||
cilJustifyCenter,
|
cilJustifyCenter,
|
||||||
cilLaptop,
|
cilLaptop,
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
// If you want to add something do it here
|
// If you want to add something do it here
|
||||||
@import "custom";
|
@import "custom";
|
||||||
|
|
||||||
.card-header .c-icon:first-child {
|
.card-header > .c-icon:first-child {
|
||||||
margin-right: 0.1rem;
|
margin-right: 0.1rem;
|
||||||
margin-top: 0.1rem;
|
margin-top: 0.1rem;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
|||||||
@@ -1,7 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<CCard>
|
<CCard>
|
||||||
<CCardHeader>
|
<CCardHeader>
|
||||||
<CIcon name="cil-justify-center"/> {{caption}}
|
<slot name="header">
|
||||||
|
<CIcon name="cil-grid"/> {{caption}}
|
||||||
|
</slot>
|
||||||
</CCardHeader>
|
</CCardHeader>
|
||||||
<CCardBody>
|
<CCardBody>
|
||||||
<CDataTable
|
<CDataTable
|
||||||
|
|||||||
@@ -2,10 +2,21 @@
|
|||||||
<div>
|
<div>
|
||||||
<CRow>
|
<CRow>
|
||||||
<CCol lg="6">
|
<CCol lg="6">
|
||||||
<CTableWrapper
|
<CTableWrapper :items="getShuffledUsersData()">
|
||||||
:items="getShuffledUsersData()"
|
<template #header>
|
||||||
caption="Simple Table"
|
<CIcon name="cil-grid"/> Simple Table
|
||||||
/>
|
<div class="card-header-actions">
|
||||||
|
<a
|
||||||
|
href="https://coreui.io/vue/docs/components/nav"
|
||||||
|
class="card-header-action"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small class="text-muted">docs</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</CTableWrapper>
|
||||||
</CCol>
|
</CCol>
|
||||||
|
|
||||||
<CCol lg="6">
|
<CCol lg="6">
|
||||||
@@ -60,7 +71,7 @@
|
|||||||
small
|
small
|
||||||
fixed
|
fixed
|
||||||
dark
|
dark
|
||||||
caption="Combined All Table"
|
caption="Combined All dark Table"
|
||||||
/>
|
/>
|
||||||
</CCol>
|
</CCol>
|
||||||
</CRow>
|
</CRow>
|
||||||
|
|||||||
@@ -36,7 +36,9 @@ export default {
|
|||||||
data: this.dataPoints,
|
data: this.dataPoints,
|
||||||
backgroundColor: getColor(this.backgroundColor),
|
backgroundColor: getColor(this.backgroundColor),
|
||||||
pointHoverBackgroundColor: getColor(this.pointHoverBackgroundColor),
|
pointHoverBackgroundColor: getColor(this.pointHoverBackgroundColor),
|
||||||
label: this.label
|
label: this.label,
|
||||||
|
barPercentage: 0.5,
|
||||||
|
categoryPercentage: 1
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@@ -48,9 +50,7 @@ export default {
|
|||||||
},
|
},
|
||||||
scales: {
|
scales: {
|
||||||
xAxes: [{
|
xAxes: [{
|
||||||
display: false,
|
display: false
|
||||||
categoryPercentage: 1,
|
|
||||||
barPercentage: 0.5
|
|
||||||
}],
|
}],
|
||||||
yAxes: [{
|
yAxes: [{
|
||||||
display: false
|
display: false
|
||||||
|
|||||||
@@ -43,7 +43,6 @@ export default {
|
|||||||
freeSet,
|
freeSet,
|
||||||
methods: {
|
methods: {
|
||||||
toKebabCase (str) {
|
toKebabCase (str) {
|
||||||
console.log(this.$options.freeSet, this.$options.freeSet.handPointDown)
|
|
||||||
return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
|
return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,29 +2,25 @@
|
|||||||
<div>
|
<div>
|
||||||
<CRow>
|
<CRow>
|
||||||
<CCol sm="6" lg="3">
|
<CCol sm="6" lg="3">
|
||||||
<CWidgetProgress
|
<CWidgetProgress footer="Lorem ipsum dolor sit amet enim.">
|
||||||
header="89.9%"
|
<div class="h4 m-0">89.9%</div>
|
||||||
text="Lorem ipsum..."
|
<div class="card-header-actions">
|
||||||
footer="Lorem ipsum dolor sit amet enim."
|
<a
|
||||||
>
|
href="https://coreui.io/vue/docs/components/widgets"
|
||||||
|
class="card-header-action position-absolute"
|
||||||
|
style="right:5px; top:5px"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small class="text-muted">docs</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div>Lorem ipsum...</div>
|
||||||
<CProgress
|
<CProgress
|
||||||
color="success"
|
color="success"
|
||||||
:value="25"
|
:value="25"
|
||||||
class="progress-xs my-3 mb-0"
|
class="progress-xs my-3 mb-0"
|
||||||
/>
|
/>
|
||||||
<template #header>
|
|
||||||
<div class="card-header-actions">
|
|
||||||
<a
|
|
||||||
href="https://coreui.io/vue/docs/components/button-components"
|
|
||||||
class="card-header-action position-absolute"
|
|
||||||
style="right:10px; top:10px"
|
|
||||||
rel="noreferrer noopener"
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
<small class="text-muted">docs</small>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</CWidgetProgress>
|
</CWidgetProgress>
|
||||||
</CCol>
|
</CCol>
|
||||||
<CCol sm="6" lg="3">
|
<CCol sm="6" lg="3">
|
||||||
|
|||||||
@@ -26,7 +26,6 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
|||||||
height="46"
|
height="46"
|
||||||
src="img/brand/coreui-base.svg"
|
src="img/brand/coreui-base.svg"
|
||||||
width="97"
|
width="97"
|
||||||
wrappedinlink="[object Object]"
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<cheadernav-stub
|
<cheadernav-stub
|
||||||
@@ -34,7 +33,6 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<cheadernavitem-stub
|
<cheadernavitem-stub
|
||||||
class="px-3"
|
class="px-3"
|
||||||
to="/dashboard"
|
|
||||||
>
|
>
|
||||||
<cheadernavlink-stub
|
<cheadernavlink-stub
|
||||||
activeclass="active"
|
activeclass="active"
|
||||||
@@ -42,6 +40,7 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
|||||||
exactactiveclass="active"
|
exactactiveclass="active"
|
||||||
routertag="a"
|
routertag="a"
|
||||||
target="_self"
|
target="_self"
|
||||||
|
to="/dashboard"
|
||||||
>
|
>
|
||||||
|
|
||||||
Dashboard
|
Dashboard
|
||||||
@@ -51,15 +50,15 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
|||||||
|
|
||||||
<cheadernavitem-stub
|
<cheadernavitem-stub
|
||||||
class="px-3"
|
class="px-3"
|
||||||
exact=""
|
|
||||||
to="/users"
|
|
||||||
>
|
>
|
||||||
<cheadernavlink-stub
|
<cheadernavlink-stub
|
||||||
activeclass="active"
|
activeclass="active"
|
||||||
event="click"
|
event="click"
|
||||||
|
exact="true"
|
||||||
exactactiveclass="active"
|
exactactiveclass="active"
|
||||||
routertag="a"
|
routertag="a"
|
||||||
target="_self"
|
target="_self"
|
||||||
|
to="/users"
|
||||||
>
|
>
|
||||||
|
|
||||||
Users
|
Users
|
||||||
|
|||||||
@@ -27,7 +27,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Breadcrumb"
|
href="https://coreui.io/vue/docs/components/breadcrumb"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ exports[`Cards.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/CardComponents"
|
href="https://coreui.io/vue/docs/components/card-components"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -28,7 +28,7 @@ exports[`Carousels.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Carousel"
|
href="https://coreui.io/vue/docs/components/carousel"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -28,7 +28,7 @@ exports[`Collapses.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Collapse"
|
href="https://coreui.io/vue/docs/components/collapse"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Jumbotron"
|
href="https://coreui.io/vue/docs/components/jumbotron"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/ListGroup"
|
href="https://coreui.io/vue/docs/components/list-group"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ exports[`Navbars.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Navbar"
|
href="https://coreui.io/vue/docs/components/navbar"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ exports[`Navs.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Nav"
|
href="https://coreui.io/vue/docs/components/nav"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ exports[`Paginations.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Pagination"
|
href="https://coreui.io/vue/docs/components/pagination"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Progress"
|
href="https://coreui.io/vue/docs/components/progress"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -33,7 +33,7 @@ exports[`Switches.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Switch"
|
href="https://coreui.io/vue/docs/components/switch"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -4,10 +4,10 @@ exports[`Table.vue renders correctly 1`] = `
|
|||||||
<ccard-stub>
|
<ccard-stub>
|
||||||
<ccardheader-stub>
|
<ccardheader-stub>
|
||||||
<cicon-stub
|
<cicon-stub
|
||||||
name="cil-justify-center"
|
name="cil-grid"
|
||||||
/>
|
/>
|
||||||
Table
|
Table
|
||||||
|
|
||||||
</ccardheader-stub>
|
</ccardheader-stub>
|
||||||
|
|
||||||
<ccardbody-stub>
|
<ccardbody-stub>
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ exports[`Tables.vue renders correctly 1`] = `
|
|||||||
tag="div"
|
tag="div"
|
||||||
>
|
>
|
||||||
<ctablewrapper-stub
|
<ctablewrapper-stub
|
||||||
caption="Simple Table"
|
caption="Table"
|
||||||
fields="username,registered,role,status"
|
fields="username,registered,role,status"
|
||||||
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||||
/>
|
/>
|
||||||
@@ -87,7 +87,7 @@ exports[`Tables.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<ctablewrapper-stub
|
<ctablewrapper-stub
|
||||||
bordered="true"
|
bordered="true"
|
||||||
caption="Combined All Table"
|
caption="Combined All dark Table"
|
||||||
dark="true"
|
dark="true"
|
||||||
fields="username,registered,role,status"
|
fields="username,registered,role,status"
|
||||||
fixed="true"
|
fixed="true"
|
||||||
|
|||||||
@@ -20,7 +20,7 @@ exports[`Tabs.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Tabs"
|
href="https://coreui.io/vue/docs/components/tabs"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ exports[`Tooltips.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Tooltip"
|
href="https://coreui.io/vue/docs/directives/tooltip"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ exports[`BrandButtons.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
href="https://coreui.io/vue/docs/components/button-components"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -29,7 +29,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Dropdown"
|
href="https://coreui.io/vue/docs/components/dropdown"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
href="https://coreui.io/vue/docs/components/button-components"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
href="https://coreui.io/vue/docs/components/button-components"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ exports[`Charts.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Charts"
|
href="https://coreui.io/vue/docs/components/charts"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -24,7 +24,7 @@ exports[`Alerts.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Alert"
|
href="https://coreui.io/vue/docs/components/alert"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -28,7 +28,7 @@ exports[`Badges.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Badge"
|
href="https://coreui.io/vue/docs/components/badge"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ exports[`Modals.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Modal"
|
href="https://coreui.io/vue/docs/components/modal"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -12,10 +12,36 @@ exports[`Widgets.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<cwidgetprogress-stub
|
<cwidgetprogress-stub
|
||||||
footer="Lorem ipsum dolor sit amet enim."
|
footer="Lorem ipsum dolor sit amet enim."
|
||||||
header="89.9%"
|
|
||||||
text="Lorem ipsum..."
|
|
||||||
value="25"
|
value="25"
|
||||||
>
|
>
|
||||||
|
<div
|
||||||
|
class="h4 m-0"
|
||||||
|
>
|
||||||
|
89.9%
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action position-absolute"
|
||||||
|
href="https://coreui.io/vue/docs/components/widgets"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
style="right: 5px; top: 5px;"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
Lorem ipsum...
|
||||||
|
</div>
|
||||||
|
|
||||||
<cprogress-stub
|
<cprogress-stub
|
||||||
class="progress-xs my-3 mb-0"
|
class="progress-xs my-3 mb-0"
|
||||||
color="success"
|
color="success"
|
||||||
|
|||||||
Reference in New Issue
Block a user