Code cleanup
parent
c6acaaf63b
commit
cd8a3b51dc
|
@ -3,14 +3,7 @@
|
||||||
<p>A customized toolbar with navigation bar like functionality.</p>
|
<p>A customized toolbar with navigation bar like functionality.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<Toolbar
|
<Toolbar class="bg-gray-900 shadow-2" style="border-radius: 3rem; background-image: linear-gradient(to right, var(--bluegray-500), var(--bluegray-800))">
|
||||||
:pt="{
|
|
||||||
root: {
|
|
||||||
class: 'bg-gray-900 shadow-2',
|
|
||||||
style: 'border-radius: 3rem; background-image: linear-gradient(to right, var(--bluegray-500), var(--bluegray-700));'
|
|
||||||
}
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<template #start>
|
<template #start>
|
||||||
<svg width="35" height="40" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="35" height="40" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path
|
<path
|
||||||
|
@ -49,14 +42,7 @@ export default {
|
||||||
return {
|
return {
|
||||||
code: {
|
code: {
|
||||||
basic: `
|
basic: `
|
||||||
<Toolbar
|
<Toolbar class="bg-gray-900 shadow-2" style="border-radius: 3rem; background-image: linear-gradient(to right, var(--bluegray-500), var(--bluegray-800))">
|
||||||
:pt="{
|
|
||||||
root: {
|
|
||||||
class: 'bg-gray-900 shadow-2',
|
|
||||||
style: 'border-radius: 3rem; background-image: linear-gradient(to right, var(--bluegray-500), var(--bluegray-700));'
|
|
||||||
}
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<template #start>
|
<template #start>
|
||||||
<svg width="35" height="40" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="35" height="40" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="..." fill="var(--primary-color-text)" />
|
<path d="..." fill="var(--primary-color-text)" />
|
||||||
|
@ -83,14 +69,7 @@ export default {
|
||||||
options: `
|
options: `
|
||||||
<template>
|
<template>
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<Toolbar
|
<Toolbar class="bg-gray-900 shadow-2" style="border-radius: 3rem; background-image: linear-gradient(to right, var(--bluegray-500), var(--bluegray-800))">
|
||||||
:pt="{
|
|
||||||
root: {
|
|
||||||
class: 'bg-gray-900 shadow-2',
|
|
||||||
style: 'border-radius: 3rem; background-image: linear-gradient(to right, var(--bluegray-500), var(--bluegray-700));'
|
|
||||||
}
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<template #start>
|
<template #start>
|
||||||
<svg width="35" height="40" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="35" height="40" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path
|
<path
|
||||||
|
@ -128,14 +107,7 @@ export default {
|
||||||
composition: `
|
composition: `
|
||||||
<template>
|
<template>
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<Toolbar
|
<Toolbar class="bg-gray-900 shadow-2" style="border-radius: 3rem; background-image: linear-gradient(to right, var(--bluegray-500), var(--bluegray-800))">
|
||||||
:pt="{
|
|
||||||
root: {
|
|
||||||
class: 'bg-gray-900 shadow-2',
|
|
||||||
style: 'border-radius: 3rem; background-image: linear-gradient(to right, var(--bluegray-500), var(--bluegray-700));'
|
|
||||||
}
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<template #start>
|
<template #start>
|
||||||
<svg width="35" height="40" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="35" height="40" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path
|
<path
|
||||||
|
|
Loading…
Reference in New Issue