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

feat: change styles of base section to version 3

Browse Source
This commit is contained in:
woothu
2019-05-20 15:08:17 +02:00
parent e005cd1556
commit ebba81fa11
15 changed files with 493 additions and 421 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/base/Tooltips.vue
+10 -10
View File
@@ -1,35 +1,35 @@
<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 Tooltips </strong>
<small><code>v-c-tooltip</code> directive</small>
<!-- <div class="card-header-actions">
<a href="https://bootstrap-vue.js.org/docs/components/tooltip" 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/tooltip" 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="text-center my-3">
<div class="c-text-center c-my-3">
<CButton v-c-tooltip.hover.click="'I am a tooltip!'">
Hover Me
</CButton>
</div>
</CCol>
<CCol col="4">
<div class="text-center my-3">
<div class="c-text-center c-my-3">
<CButton v-c-tooltip="{content: 'I start open!', active:true }">
Hover me
</CButton>
</div>
</CCol>
<CCol col="4">
<div class="text-center my-3">
<div class="c-text-center c-my-3">
<CButton v-c-tooltip.click="
'I am showing on click and hiding on click outside tooltip!'
">
@@ -47,11 +47,11 @@
<small>placement</small>
</CCardHeader>
<CCardBody>
<div class="my-3">
<div 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"
>