Visuals and fixed on code display

pull/4591/head
Cagatay Civici 2023-10-07 12:32:47 +03:00
parent 0983c191a6
commit ed976a8475
1 changed files with 3 additions and 3 deletions

View File

@ -7,12 +7,12 @@
> >
<template v-if="codeMode !== 'basic' && !hideToggleCode"> <template v-if="codeMode !== 'basic' && !hideToggleCode">
<Button <Button
:class="['p-button-rounded p-button-text p-button-plain p-0 inline-flex align-items-center justify-content-center', { 'doc-section-code-buttons-active text-primary': codeLang === 'composition' }]" :class="['p-button-rounded p-button-text p-button-plain py-0 px-1 inline-flex align-items-center justify-content-center', { 'doc-section-code-buttons-active text-primary': codeLang === 'composition' }]"
label="Composition API" label="Composition API"
@click="codeLang = 'composition'" @click="codeLang = 'composition'"
></Button> ></Button>
<Button <Button
:class="['p-button-rounded p-button-text p-button-plain p-0 inline-flex align-items-center justify-content-center', { 'doc-section-code-buttons-active text-primary': codeLang === 'options' }]" :class="['p-button-rounded p-button-text p-button-plain py-0 px-1 inline-flex align-items-center justify-content-center', { 'doc-section-code-buttons-active text-primary': codeLang === 'options' }]"
label="Options API" label="Options API"
@click="codeLang = 'options'" @click="codeLang = 'options'"
></Button> ></Button>
@ -30,7 +30,7 @@
<template v-if="!hideToggleCode && code.data"> <template v-if="!hideToggleCode && code.data">
<Button <Button
v-tooltip.bottom="{ value: 'View Code', class: 'doc-section-code-tooltip' }" v-tooltip.bottom="{ value: 'View Data', class: 'doc-section-code-tooltip' }"
type="button" type="button"
@click="onToggleData" @click="onToggleData"
class="p-button-rounded p-button-text p-button-plain h-2rem w-2rem p-0 inline-flex align-items-center justify-content-center" class="p-button-rounded p-button-text p-button-plain h-2rem w-2rem p-0 inline-flex align-items-center justify-content-center"