refactor: delete 'c-' class prefix, update coreui styles to alpha-v13
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="c-wrapper">
|
||||
<div class="wrapper">
|
||||
<div>
|
||||
<CRow>
|
||||
<CCol md="6">
|
||||
@@ -7,7 +7,7 @@
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i>
|
||||
<strong> Bootstrap list group </strong>
|
||||
<div class="c-card-header-actions">
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/ListGroup"
|
||||
class="card-header-action"
|
||||
@@ -111,19 +111,19 @@
|
||||
<CCardBody>
|
||||
<CListGroup>
|
||||
<CListGroupItem
|
||||
class="c-d-flex c-justify-content-between c-align-items-center"
|
||||
class="d-flex justify-content-between align-items-center"
|
||||
>
|
||||
Cras justo odio
|
||||
<CBadge variant="primary" pill>14</CBadge>
|
||||
</CListGroupItem>
|
||||
<CListGroupItem
|
||||
class="c-d-flex c-justify-content-between c-align-items-center"
|
||||
class="d-flex justify-content-between align-items-center"
|
||||
>
|
||||
Dapibus ac facilisis in
|
||||
<CBadge variant="primary" pill>2</CBadge>
|
||||
</CListGroupItem>
|
||||
<CListGroupItem
|
||||
class="c-d-flex c-justify-content-between c-align-items-center"
|
||||
class="d-flex justify-content-between align-items-center"
|
||||
>
|
||||
Morbi leo risus
|
||||
<CBadge variant="primary" pill>1</CBadge>
|
||||
@@ -195,7 +195,7 @@
|
||||
<CListGroupItem href="#">Dapibus ac facilisis in</CListGroupItem>
|
||||
<CListGroupItem href="#">Vestibulum at eros</CListGroupItem>
|
||||
</CListGroup>
|
||||
<p class="c-card-text c-mt-2">
|
||||
<p class="card-text mt-2">
|
||||
Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex
|
||||
nulla tempor. Laborum consequat non elit enim exercitation cillum aliqua
|
||||
consequat id aliqua. Esse ex consectetur mollit voluptate est in duis laboris
|
||||
@@ -231,39 +231,39 @@
|
||||
<CListGroupItem
|
||||
href="#"
|
||||
active
|
||||
class="c-flex-column c-align-items-start"
|
||||
class="flex-column align-items-start"
|
||||
>
|
||||
<div class="c-d-flex c-w-100 c-justify-content-between">
|
||||
<h5 class="c-mb-1">List group item heading</h5>
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">List group item heading</h5>
|
||||
<small>3 days ago</small>
|
||||
</div>
|
||||
<p class="c-mb-1">
|
||||
<p class="mb-1">
|
||||
Donec id elit non mi porta gravida at eget metus. Maecenas
|
||||
sed diam eget risus varius blandit.
|
||||
</p>
|
||||
<small>Donec id elit non mi porta.</small>
|
||||
</CListGroupItem>
|
||||
<CListGroupItem href="#" class="c-flex-column c-align-items-start">
|
||||
<div class="c-d-flex c-w-100 c-justify-content-between">
|
||||
<h5 class="c-mb-1">List group item heading</h5>
|
||||
<small class="c-text-muted">3 days ago</small>
|
||||
<CListGroupItem href="#" class="flex-column align-items-start">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">List group item heading</h5>
|
||||
<small class="text-muted">3 days ago</small>
|
||||
</div>
|
||||
<p class="c-mb-1">
|
||||
<p class="mb-1">
|
||||
Donec id elit non mi porta gravida at eget metus. Maecenas
|
||||
sed diam eget risus varius blandit.
|
||||
</p>
|
||||
<small class="c-text-muted">Donec id elit non mi porta.</small>
|
||||
<small class="text-muted">Donec id elit non mi porta.</small>
|
||||
</CListGroupItem>
|
||||
<CListGroupItem href="#" disabled class="c-flex-column c-align-items-start">
|
||||
<div class="c-d-flex c-w-100 c-justify-content-between">
|
||||
<h5 class="c-mb-1">Disabled List group item</h5>
|
||||
<small class="c-text-muted">3 days ago</small>
|
||||
<CListGroupItem href="#" disabled class="flex-column align-items-start">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">Disabled List group item</h5>
|
||||
<small class="text-muted">3 days ago</small>
|
||||
</div>
|
||||
<p class="c-mb-1">
|
||||
<p class="mb-1">
|
||||
Donec id elit non mi porta gravida at eget metus. Maecenas
|
||||
sed diam eget risus varius blandit.
|
||||
</p>
|
||||
<small class="c-text-muted">Donec id elit non mi porta.</small>
|
||||
<small class="text-muted">Donec id elit non mi porta.</small>
|
||||
</CListGroupItem>
|
||||
</CListGroup>
|
||||
</CCardBody>
|
||||
|
||||
Reference in New Issue
Block a user