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

fix: small fixes

Browse Source
This commit is contained in:
woothu
2019-08-10 17:25:59 +02:00
parent f490e6a0c3
commit 2f704dc60b
11 changed files with 156 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/containers/DefaultHeaderDropdownAccnt.vue
+1 -1
View File
@@ -5,7 +5,7 @@
no-popper no-popper
add-menu-classes="c-dropdown-menu-right" add-menu-classes="c-dropdown-menu-right"
> >
<template #button-content> <template #toggler-content>
<img <img
src="img/avatars/6.jpg" src="img/avatars/6.jpg"
class="c-img-avatar" class="c-img-avatar"
src/containers/TheHeader.vue
+15 -3
View File
@@ -4,9 +4,21 @@
class="c-header-toggler c-d-lg-none" class="c-header-toggler c-d-lg-none"
v-c-emit-root-event:c-sidebar-toggle v-c-emit-root-event:c-sidebar-toggle
/> />
<CLink class="c-header-brand" to="#"> <CLink class="c-header-brand" to="/">
<img class="c-navbar-brand-full" src="img/brand/logo.svg" width="89" height="25" alt="CoreUI Logo"> <img
<!-- <img class="c-navbar-brand-minimized" src="img/brand/sygnet.svg" width="30" height="30" alt="CoreUI Logo"> --> class="c-navbar-brand-full"
src="img/brand/logo.svg"
width="89"
height="25"
alt="CoreUI Logo"
>
<!-- <img
class="c-navbar-brand-minimized"
src="img/brand/sygnet.svg"
width="30"
height="30"
alt="CoreUI Logo"
> -->
</CLink> </CLink>
<CSidebarToggler <CSidebarToggler
class="c-header-toggler c-d-md-down-none" class="c-header-toggler c-d-md-down-none"
src/containers/TheSidebar.vue
+6 -2
View File
@@ -1,10 +1,14 @@
<template> <template>
<CSidebar fixed :minimize="minimize"> <CSidebar
fixed
:minimize="minimize"
dropdownBehaviors="closeOnInactiveRoute"
>
<CSidebarHeader/> <CSidebarHeader/>
<CSidebarForm/> <CSidebarForm/>
<CSidebarNav :nav-items="computedNav"/> <CSidebarNav :nav-items="computedNav"/>
<CSidebarFooter/> <CSidebarFooter/>
<CSidebarMinimizer @click="minimize = !minimize"/> <CSidebarMinimizer @click.native="minimize = !minimize"/>
</CSidebar> </CSidebar>
</template> </template>
src/containers/_nav.js
+5 -5
View File
@@ -39,7 +39,7 @@ export default {
}, },
{ {
name: 'Base', name: 'Base',
url: '/base', route: '/base',
icon: 'cui-puzzle', icon: 'cui-puzzle',
children: [ children: [
{ {
@@ -126,7 +126,7 @@ export default {
}, },
{ {
name: 'Buttons', name: 'Buttons',
url: '/buttons', route: '/buttons',
icon: 'cui-cursor', icon: 'cui-cursor',
children: [ children: [
{ {
@@ -158,7 +158,7 @@ export default {
}, },
{ {
name: 'Icons', name: 'Icons',
url: '/icons', route: '/icons',
icon: 'cui-star', icon: 'cui-star',
children: [ children: [
{ {
@@ -184,7 +184,7 @@ export default {
}, },
{ {
name: 'Notifications', name: 'Notifications',
url: '/notifications', route: '/notifications',
icon: 'cui-bell', icon: 'cui-bell',
children: [ children: [
{ {
@@ -222,7 +222,7 @@ export default {
}, },
{ {
name: 'Pages', name: 'Pages',
url: '/pages', route: '/pages',
icon: 'cui-star', icon: 'cui-star',
children: [ children: [
{ {
src/views/Dashboard.vue
+1 -3
View File
@@ -452,15 +452,13 @@
import MainChartExample from './charts/MainChartExample' import MainChartExample from './charts/MainChartExample'
import WidgetsDropdown from './widgets/WidgetsDropdown' import WidgetsDropdown from './widgets/WidgetsDropdown'
import WidgetsBrand from './widgets/WidgetsBrand' import WidgetsBrand from './widgets/WidgetsBrand'
import CChartLineSimple from './charts/CChartLineSimple'
export default { export default {
name: 'Dashboard', name: 'Dashboard',
components: { components: {
MainChartExample, MainChartExample,
WidgetsDropdown, WidgetsDropdown,
WidgetsBrand, WidgetsBrand
CChartLineSimple
}, },
data () { data () {
return { return {
src/views/base/Breadcrumbs.vue
+57 -36
View File
@@ -18,7 +18,7 @@
</div> </div>
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CBreadcrumb :items="items" add-link-classes="sss" last-item-classes="aaa"/> <CBreadcrumb :items="items"/>
<CBreadcrumb :items="items2"/> <CBreadcrumb :items="items2"/>
<CBreadcrumb :items="items3"/> <CBreadcrumb :items="items3"/>
</CCardBody> </CCardBody>
@@ -34,46 +34,67 @@ export default {
name: 'breadcrumbs', name: 'breadcrumbs',
data () { data () {
return { return {
items: [{ items: [
textHtml: '<b>Admin</b>', {
href: '#' textHtml: '<b>Admin</b>',
}, { href: '#'
textHtml: 'Manage', },
href: '#' {
}, { textHtml: 'Manage',
textHtml: 'Library' href: '#'
}], },
{
textHtml: 'Library'
}
],
items2: [{ items2: [
textHtml: 'Go to dashboard', {
to: '/dashboard' textHtml: 'Go to dashboard',
}, { to: '/dashboard'
textHtml: 'Go to widgets', },
to: '/Widgets' {
}, { textHtml: 'Go to widgets',
textHtml: 'Go to Google', to: '/Widgets'
href: 'http://google.com' },
},{ {
textHtml: 'Current page' textHtml: 'Go to Google',
}], href: 'http://google.com'
},
{
textHtml: 'Current page'
}
],
items3: [{ items3: [
textHtml: 'Link', {
to: '#2', textHtml: 'Added',
activeClass: 'c-bg-info c-p-1' to: '#2',
}, { addClasses: 'c-font-xl'
textHtml: 'Active', },
to: '#3', {
activeClass: 'c-bg-warning c-p-1', textHtml: 'Custom',
addLinkClasses: 'c-bg-info c-p-1' to: '#3',
},{ addClasses: 'c-font-xl'
textHtml: 'Classes', },
to: '#4', {
activeClass: 'c-bg-danger c-p-1', textHtml: 'Classes',
}] to: '#4',
addClasses: 'c-font-xl c-text-danger'
}
]
} }
} }
} }
</script> </script>
<style>
.c-breadcrumb-item + .c-font-xl.c-breadcrumb-item::before {
color: rgb(140, 195, 38);
content: '>>';
padding: 0px 10px;
}
</style>
src/views/buttons/Dropdowns.vue
+43 -40
View File
@@ -21,7 +21,7 @@
<CCardBody> <CCardBody>
<div> <div>
<CDropdown <CDropdown
button-html="Dropdown Button" toggler-text="Dropdown Button"
class="c-m-2" class="c-m-2"
variant="secondary" variant="secondary"
> >
@@ -34,7 +34,7 @@
</CDropdown> </CDropdown>
</div> </div>
<!-- <div> <!-- <div>
<CDropdown button-html="Dropdown using buttons as menu items" class="c-m-2"> <CDropdown toggler-text="Dropdown using buttons as menu items" class="c-m-2">
<CDropdownItem>I'm a button</CDropdownItem> <CDropdownItem>I'm a button</CDropdownItem>
<CDropdownItem>I'm also a button</CDropdownItem> <CDropdownItem>I'm also a button</CDropdownItem>
<CDropdownItem disabled>I'm a button, but disabled!</CDropdownItem> <CDropdownItem disabled>I'm a button, but disabled!</CDropdownItem>
@@ -43,7 +43,7 @@
</div> --> </div> -->
<div> <div>
<CDropdown <CDropdown
button-html="Dropdown with divider" toggler-text="Dropdown with divider"
class="c-m-2" class="c-m-2"
variant="secondary" variant="secondary"
> >
@@ -55,7 +55,7 @@
</div> </div>
<div> <div>
<CDropdown <CDropdown
button-html="Dropdown with header" toggler-text="Dropdown with header"
class="c-m-2" class="c-m-2"
variant="secondary" variant="secondary"
> >
@@ -77,9 +77,9 @@
<CCardBody> <CCardBody>
<div> <div>
<CDropdown <CDropdown
button-html="Left align" toggler-text="Left align"
variant="primary" variant="primary"
class="c-m-2" class="c-m-2 c-d-inline-block"
> >
<CDropdownItem>Action</CDropdownItem> <CDropdownItem>Action</CDropdownItem>
<CDropdownItem>Another action</CDropdownItem> <CDropdownItem>Another action</CDropdownItem>
@@ -87,9 +87,9 @@
</CDropdown> </CDropdown>
<CDropdown <CDropdown
placement="bottom-end" placement="bottom-end"
button-html="Right align" toggler-text="Right align"
variant="primary" variant="primary"
class="c-m-2" class="c-m-2 c-d-inline-block"
> >
<CDropdownItem>Action</CDropdownItem> <CDropdownItem>Action</CDropdownItem>
<CDropdownItem>Another action</CDropdownItem> <CDropdownItem>Another action</CDropdownItem>
@@ -98,10 +98,11 @@
</div> </div>
<div> <div>
<CDropdown <CDropdown
button-html="Drop-Up" toggler-text="Drop-Up"
variant="info" variant="info"
class="c-m-2" class="c-m-2"
dropup placement="top-start"
> >
<CDropdownItem>Action</CDropdownItem> <CDropdownItem>Action</CDropdownItem>
<CDropdownItem>Another action</CDropdownItem> <CDropdownItem>Another action</CDropdownItem>
@@ -112,7 +113,7 @@
<CDropdown <CDropdown
variant="secondary" variant="secondary"
:offset="25" :offset="25"
button-html="Offset Dropdown" toggler-text="Offset Dropdown"
class="c-m-2" class="c-m-2"
> >
<CDropdownItem>Action</CDropdownItem> <CDropdownItem>Action</CDropdownItem>
@@ -124,7 +125,7 @@
<CDropdown <CDropdown
variant="secondary" variant="secondary"
split split
button-html="Split Dropdown" toggler-text="Split Dropdown"
class="c-m-2" class="c-m-2"
> >
<CDropdownItem>Action</CDropdownItem> <CDropdownItem>Action</CDropdownItem>
@@ -149,9 +150,11 @@
<CDropdown <CDropdown
variant="link" variant="link"
size="lg" size="lg"
buttonHtml="&#x1f50d;<span class='sr-only'>Search</span>"
no-caret no-caret
> >
<template #toggler-content>
&#x1f50d;<span class="sr-only">Search</span>
</template>
<CDropdownItem>Action</CDropdownItem> <CDropdownItem>Action</CDropdownItem>
<CDropdownItem>Another action</CDropdownItem> <CDropdownItem>Another action</CDropdownItem>
<CDropdownItem>Something else here...</CDropdownItem> <CDropdownItem>Something else here...</CDropdownItem>
@@ -172,8 +175,8 @@
<CDropdown <CDropdown
variant="secondary" variant="secondary"
size="lg" size="lg"
button-html="Large" toggler-text="Large"
class="c-m-2" class="c-m-2 c-d-inline-block"
> >
<CDropdownItem>Action</CDropdownItem> <CDropdownItem>Action</CDropdownItem>
<CDropdownItem>Another action</CDropdownItem> <CDropdownItem>Another action</CDropdownItem>
@@ -183,7 +186,7 @@
variant="secondary" variant="secondary"
size="lg" size="lg"
split split
button-html="Large Split" toggler-text="Large Split"
class="c-m-2" class="c-m-2"
> >
<CDropdownItem>Action</CDropdownItem> <CDropdownItem>Action</CDropdownItem>
@@ -194,8 +197,8 @@
<CDropdown <CDropdown
variant="secondary" variant="secondary"
size="sm" size="sm"
button-html="Small" toggler-text="Small"
class="c-m-2" class="c-m-2 c-d-inline-block"
> >
<CDropdownItem>Action</CDropdownItem> <CDropdownItem>Action</CDropdownItem>
<CDropdownItem>Another action</CDropdownItem> <CDropdownItem>Another action</CDropdownItem>
@@ -204,7 +207,7 @@
<CDropdown <CDropdown
variant="secondary" variant="secondary"
size="sm" size="sm"
split button-html="Small Split" split toggler-text="Small Split"
class="c-m-2" class="c-m-2"
> >
<CDropdownItem>Action</CDropdownItem> <CDropdownItem>Action</CDropdownItem>
@@ -217,7 +220,7 @@
</CCol> </CCol>
</CRow> </CRow>
<CRow> <CRow>
<!-- <CCol col="12" md="6"> <CCol col="12" md="6">
<CCard> <CCard>
<CCardHeader> <CCardHeader>
<i class="fa fa-align-justify"></i> <i class="fa fa-align-justify"></i>
@@ -227,7 +230,7 @@
<CCardBody> <CCardBody>
<div> <div>
<CDropdown <CDropdown
button-html="Dropdown ARIA" variant="primary" toggler-text="Dropdown ARIA" variant="primary"
class="c-m-2" class="c-m-2"
> >
<div role="group"> <div role="group">
@@ -248,7 +251,7 @@
</div> </div>
</CCardBody> </CCardBody>
</CCard> </CCard>
</CCol> --> </CCol>
<CCol col="12" md="6"> <CCol col="12" md="6">
<CCard> <CCard>
<CCardHeader> <CCardHeader>
@@ -259,9 +262,9 @@
<CCardBody> <CCardBody>
<CDropdown <CDropdown
size="sm" size="sm"
button-html="Primary" toggler-text="Primary"
variant="primary" variant="primary"
class="c-m-0" class="c-m-0 c-d-inline-block"
> >
<CDropdownItem>First Action</CDropdownItem> <CDropdownItem>First Action</CDropdownItem>
<CDropdownItem>Second Action</CDropdownItem> <CDropdownItem>Second Action</CDropdownItem>
@@ -269,9 +272,9 @@
</CDropdown> </CDropdown>
<CDropdown <CDropdown
size="sm" size="sm"
button-html="Secondary" toggler-text="Secondary"
variant="secondary" variant="secondary"
class="c-m-0" class="c-m-0 c-d-inline-block"
> >
<CDropdownItem>First Action</CDropdownItem> <CDropdownItem>First Action</CDropdownItem>
<CDropdownItem>Second Action</CDropdownItem> <CDropdownItem>Second Action</CDropdownItem>
@@ -279,9 +282,9 @@
</CDropdown> </CDropdown>
<CDropdown <CDropdown
size="sm" size="sm"
button-html="Success" toggler-text="Success"
variant="success" variant="success"
class="c-m-0" class="c-m-0 c-d-inline-block"
> >
<CDropdownItem>First Action</CDropdownItem> <CDropdownItem>First Action</CDropdownItem>
<CDropdownItem>Second Action</CDropdownItem> <CDropdownItem>Second Action</CDropdownItem>
@@ -289,9 +292,9 @@
</CDropdown> </CDropdown>
<CDropdown <CDropdown
size="sm" size="sm"
button-html="Warning" toggler-text="Warning"
variant="warning" variant="warning"
class="c-m-0" class="c-m-0 c-d-inline-block"
> >
<CDropdownItem>First Action</CDropdownItem> <CDropdownItem>First Action</CDropdownItem>
<CDropdownItem>Second Action</CDropdownItem> <CDropdownItem>Second Action</CDropdownItem>
@@ -299,9 +302,9 @@
</CDropdown> </CDropdown>
<CDropdown <CDropdown
size="sm" size="sm"
button-html="Danger" toggler-text="Danger"
variant="danger" variant="danger"
class="c-m-0" class="c-m-0 c-d-inline-block"
> >
<CDropdownItem>First Action</CDropdownItem> <CDropdownItem>First Action</CDropdownItem>
<CDropdownItem>Second Action</CDropdownItem> <CDropdownItem>Second Action</CDropdownItem>
@@ -309,9 +312,9 @@
</CDropdown> </CDropdown>
<CDropdown <CDropdown
size="sm" size="sm"
button-html="Info" toggler-text="Info"
variant="info" variant="info"
class="c-m-0" class="c-m-0 c-d-inline-block"
> >
<CDropdownItem>First Action</CDropdownItem> <CDropdownItem>First Action</CDropdownItem>
<CDropdownItem>Second Action</CDropdownItem> <CDropdownItem>Second Action</CDropdownItem>
@@ -319,9 +322,9 @@
</CDropdown> </CDropdown>
<CDropdown <CDropdown
size="sm" size="sm"
button-html="Light" toggler-text="Light"
variant="light" variant="light"
class="c-m-0" class="c-m-0 c-d-inline-block"
> >
<CDropdownItem>First Action</CDropdownItem> <CDropdownItem>First Action</CDropdownItem>
<CDropdownItem>Second Action</CDropdownItem> <CDropdownItem>Second Action</CDropdownItem>
@@ -329,9 +332,9 @@
</CDropdown> </CDropdown>
<CDropdown <CDropdown
size="sm" size="sm"
button-html="Dark" toggler-text="Dark"
variant="dark" variant="dark"
class="c-m-0" class="c-m-0 c-d-inline-block"
> >
<CDropdownItem>First Action</CDropdownItem> <CDropdownItem>First Action</CDropdownItem>
<CDropdownItem>Second Action</CDropdownItem> <CDropdownItem>Second Action</CDropdownItem>
@@ -339,9 +342,9 @@
</CDropdown> </CDropdown>
<CDropdown <CDropdown
size="sm" size="sm"
button-html="Link" toggler-text="Link"
variant="link" variant="link"
class="c-m-0" class="c-m-0 c-d-inline-block"
> >
<CDropdownItem>First Action</CDropdownItem> <CDropdownItem>First Action</CDropdownItem>
<CDropdownItem>Second Action</CDropdownItem> <CDropdownItem>Second Action</CDropdownItem>
src/views/icons/Brands.vue
-7
View File
@@ -6,13 +6,6 @@
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CRow class="c-text-center"> <CRow class="c-text-center">
<CCol class="c-mb-5" col="12">
<!-- For using the flags inline with text add the classes
<code>.flag-icon</code> and <code>.flag-icon-xx</code>
(where xx is the ISO 3166-1-alpha-2 code of a country) to an empty
span. If you want to have a squared version flag then add the class
flag-icon-squared as well. -->
</CCol>
<template v-for="(brand, brandName) in $options.brands"> <template v-for="(brand, brandName) in $options.brands">
<CCol <CCol
class="c-mb-5" class="c-mb-5"
src/views/widgets/Widgets.vue
+10 -10
View File
@@ -140,7 +140,7 @@
header="$1.999,50" header="$1.999,50"
text="Income" text="Income"
variant="primary" variant="primary"
no-padding no-icon-padding
> >
<CIcon name="settings" width="24"/> <CIcon name="settings" width="24"/>
</CWidgetIcon> </CWidgetIcon>
@@ -150,7 +150,7 @@
header="$1.999,50" header="$1.999,50"
text="Income" text="Income"
variant="info" variant="info"
no-padding no-icon-padding
> >
<CIcon name="laptop" width="24"/> <CIcon name="laptop" width="24"/>
</CWidgetIcon> </CWidgetIcon>
@@ -160,7 +160,7 @@
header="$1.999,50" header="$1.999,50"
text="Income" text="Income"
variant="warning" variant="warning"
no-padding no-icon-padding
> >
<CIcon name="moon" width="24"/> <CIcon name="moon" width="24"/>
</CWidgetIcon> </CWidgetIcon>
@@ -170,7 +170,7 @@
header="$1.999,50" header="$1.999,50"
text="Income" text="Income"
variant="danger" variant="danger"
no-padding no-icon-padding
> >
<CIcon name="bell" width="24"/> <CIcon name="bell" width="24"/>
</CWidgetIcon> </CWidgetIcon>
@@ -182,7 +182,7 @@
header="$1.999,50" header="$1.999,50"
text="Income" text="Income"
variant="primary" variant="primary"
no-padding no-icon-padding
> >
<CIcon name="settings" class="c-mx-5 " width="24"/> <CIcon name="settings" class="c-mx-5 " width="24"/>
</CWidgetIcon> </CWidgetIcon>
@@ -192,7 +192,7 @@
header="$1.999,50" header="$1.999,50"
text="Income" text="Income"
variant="info" variant="info"
no-padding no-icon-padding
> >
<CIcon name="laptop" class="c-mx-5 " width="24"/> <CIcon name="laptop" class="c-mx-5 " width="24"/>
</CWidgetIcon> </CWidgetIcon>
@@ -202,7 +202,7 @@
header="$1.999,50" header="$1.999,50"
text="Income" text="Income"
variant="warning" variant="warning"
no-padding no-icon-padding
> >
<CIcon name="moon" class="c-mx-5 " width="24"/> <CIcon name="moon" class="c-mx-5 " width="24"/>
<template #footer> <template #footer>
@@ -225,7 +225,7 @@
header="$1.999,50" header="$1.999,50"
text="Income" text="Income"
variant="primary" variant="primary"
no-padding no-icon-padding
link="#" link="#"
> >
<CIcon name="settings" class="c-mx-5 " width="24"/> <CIcon name="settings" class="c-mx-5 " width="24"/>
@@ -236,7 +236,7 @@
header="$1.999,50" header="$1.999,50"
text="Income" text="Income"
variant="info" variant="info"
no-padding no-icon-padding
link="#" link="#"
> >
<CIcon name="laptop" class="c-mx-5 " width="24"/> <CIcon name="laptop" class="c-mx-5 " width="24"/>
@@ -247,7 +247,7 @@
header="$1.999,50" header="$1.999,50"
text="Income" text="Income"
variant="warning" variant="warning"
no-padding no-icon-padding
link="#" link="#"
> >
<CIcon name="moon" class="c-mx-5" width="24"/> <CIcon name="moon" class="c-mx-5" width="24"/>
src/views/widgets/WidgetsBrand.vue
+5 -5
View File
@@ -11,7 +11,7 @@
> >
<CIcon <CIcon
name="socialFacebook" name="socialFacebook"
height="56" height="52"
class="c-my-4" class="c-my-4"
/> />
<CChartLineSimple <CChartLineSimple
@@ -34,7 +34,7 @@
> >
<CIcon <CIcon
name="socialTwitter" name="socialTwitter"
height="56" height="52"
class="c-my-4" class="c-my-4"
/> />
<CChartLineSimple <CChartLineSimple
@@ -57,7 +57,7 @@
> >
<CIcon <CIcon
name="socialLinkedin" name="socialLinkedin"
height="56" height="52"
class="c-my-4" class="c-my-4"
/> />
<CChartLineSimple <CChartLineSimple
@@ -80,7 +80,7 @@
> >
<CIcon <CIcon
name="calendar" name="calendar"
height="56" height="52"
class="c-my-4" class="c-my-4"
/> />
<CChartLineSimple <CChartLineSimple
@@ -163,7 +163,7 @@
import { CChartLineSimple } from '../charts/index.js' import { CChartLineSimple } from '../charts/index.js'
export default { export default {
name: 'WidgetsSocial', name: 'WidgetsBrand',
components: { components: {
CChartLineSimple CChartLineSimple
}, },
src/views/widgets/WidgetsDropdown.vue
+12 -3
View File
@@ -7,8 +7,10 @@
class="c-float-right" class="c-float-right"
variant="transparent c-p-0" variant="transparent c-p-0"
placement="bottom-end" placement="bottom-end"
buttonHtml="<i class='cui-settings'></i>"
> >
<template #toggler-content>
<i class="cui-settings"></i>
</template>
<CDropdownItem>Action</CDropdownItem> <CDropdownItem>Action</CDropdownItem>
<CDropdownItem>Another action</CDropdownItem> <CDropdownItem>Another action</CDropdownItem>
<CDropdownItem>Something else here...</CDropdownItem> <CDropdownItem>Something else here...</CDropdownItem>
@@ -38,6 +40,9 @@
no-caret no-caret
buttonHtml="<i class='cui-location-pin'></i>" buttonHtml="<i class='cui-location-pin'></i>"
> >
<template #toggler-content>
<i class="cui-location-pin"></i>
</template>
<CDropdownItem>Action</CDropdownItem> <CDropdownItem>Action</CDropdownItem>
<CDropdownItem>Another action</CDropdownItem> <CDropdownItem>Another action</CDropdownItem>
<CDropdownItem>Something else here...</CDropdownItem> <CDropdownItem>Something else here...</CDropdownItem>
@@ -69,8 +74,10 @@
class="c-float-right" class="c-float-right"
variant="transparent c-p-0" variant="transparent c-p-0"
placement="bottom-end" placement="bottom-end"
buttonHtml="<i class='cui-settings'></i>"
> >
<template #toggler-content>
<i class="cui-settings"></i>
</template>
<CDropdownItem>Action</CDropdownItem> <CDropdownItem>Action</CDropdownItem>
<CDropdownItem>Another action</CDropdownItem> <CDropdownItem>Another action</CDropdownItem>
<CDropdownItem>Something else here...</CDropdownItem> <CDropdownItem>Something else here...</CDropdownItem>
@@ -101,8 +108,10 @@
class="c-float-right" class="c-float-right"
variant="transparent c-p-0" variant="transparent c-p-0"
placement="bottom-end" placement="bottom-end"
buttonHtml="<i class='cui-settings'></i>"
> >
<template #toggler-content>
<i class="cui-settings"></i>
</template>
<CDropdownItem>Action</CDropdownItem> <CDropdownItem>Action</CDropdownItem>
<CDropdownItem>Another action</CDropdownItem> <CDropdownItem>Another action</CDropdownItem>
<CDropdownItem>Something else here...</CDropdownItem> <CDropdownItem>Something else here...</CDropdownItem>