Code section fixes

This commit is contained in:
Tuğçe Küçükoğlu 2023-08-17 16:05:28 +03:00
parent 99d77616af
commit 9f3f02ea6e
2 changed files with 9 additions and 15 deletions

View file

@ -1,14 +1,14 @@
<template>
<div v-if="!embedded" class="surface-card" style="border-radius: 10px">
<div class="flex doc-section-buttons surface-card align-items-center justify-content-end sticky z-1 top-0 mr-3">
<div class="flex doc-section-code-buttons surface-card align-items-center justify-content-end sticky z-1 top-0 mr-3">
<template v-if="codeMode !== 'basic' && !hideToggleCode">
<Button
:class="['p-button-rounded p-button-text p-button-plain p-0 inline-flex align-items-center justify-content-center', { 'doc-section-code-active text-primary': codeLang === 'typescript' }]"
: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' }]"
label="Composition API"
@click="codeLang = 'composition'"
></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-active text-primary': codeLang === 'javascript' }]"
: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' }]"
label="Options API"
@click="codeLang = 'options'"
></Button>