feat: change styles of base section to version 3
This commit is contained in:
+10
-10
@@ -1,20 +1,20 @@
|
||||
<template>
|
||||
<div class="wrapper">
|
||||
<div class="animated fadeIn">
|
||||
<div class="c-wrapper">
|
||||
<div class="c-animated c-fadeIn">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fa fa-align-justify"></i>
|
||||
<strong> Bootstrap Popovers</strong>
|
||||
<!-- <div class="card-header-actions">
|
||||
<a href="https://bootstrap-vue.js.org/docs/components/popovers" class="card-header-action" rel="noreferrer noopener" target="_blank">
|
||||
<small class="text-muted">docs</small>
|
||||
<!-- <div class="c-card-header-actions">
|
||||
<a href="https://bootstrap-vue.js.org/docs/components/popovers" class="c-card-header-action" rel="noreferrer noopener" target="_blank">
|
||||
<small class="c-text-muted">docs</small>
|
||||
</a>
|
||||
</div> -->
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol col="4">
|
||||
<div class="my-3 text-center">
|
||||
<div class="c-my-3 c-text-center">
|
||||
<CButton
|
||||
variant="primary"
|
||||
v-c-popover="{
|
||||
@@ -27,7 +27,7 @@
|
||||
</div>
|
||||
</CCol>
|
||||
<CCol col="4">
|
||||
<div class="my-3 text-center">
|
||||
<div class="c-my-3 c-text-center">
|
||||
<CButton
|
||||
variant="primary"
|
||||
v-c-popover="{
|
||||
@@ -40,7 +40,7 @@
|
||||
</div>
|
||||
</CCol>
|
||||
<CCol col="4">
|
||||
<div class="my-3 text-center">
|
||||
<div class="c-my-3 c-text-center">
|
||||
<CButton
|
||||
variant="primary"
|
||||
v-c-popover.click="{
|
||||
@@ -62,11 +62,11 @@
|
||||
<strong> Popovers </strong>
|
||||
<small>placement</small>
|
||||
</CCardHeader>
|
||||
<CCardBody class="my-3">
|
||||
<CCardBody class="c-my-3">
|
||||
<CRow>
|
||||
<CCol
|
||||
md="4"
|
||||
class="py-4 text-center"
|
||||
class="c-py-4 c-text-center"
|
||||
v-for="placement in placements"
|
||||
:key="placement"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user