vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Documentation settings updates

pull/4283/head
Tuğçe Küçükoğlu 2023-08-16 16:57:59 +03:00
parent 4754753cf2
commit ca65d7dfdb
2 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
assets/styles/layout/_code.scss
View File

@ -26,7 +26,7 @@ pre[class*="language-"] {
position: relative; position: relative;
margin: .5em 0; margin: .5em 0;
overflow: visible; overflow: visible;
padding: 1px; padding: 0;
} }
pre[class*="language-"] > code { pre[class*="language-"] > code {
@ -402,7 +402,8 @@ pre[class*="language-"] {
margin: 0; margin: 0;
color: var(--surface-900); color: var(--surface-900);
font-size: 14px; font-size: 14px;
border-radius: 10px; border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
} }
} }

19
components/doc/DocSectionCode.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div v-if="!embedded" class="relative doc-section-code"> <div v-if="!embedded" class="relative doc-section-code overflow-auto" style="max-height: 40rem">
<div class="flex surface-card align-items-center justify-content-end absolute z-1" :style="{ right: '.75rem', top: '.75rem', gap: '.75rem' }"> <div class="flex surface-card align-items-center justify-content-end sticky z-1" :style="{ top: '0', gap: '.75rem', padding: '.75rem .75rem 0 0', borderTopLeftRadius: '10px', borderTopRightRadius: '10px' }">
<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-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-active text-primary': codeLang === 'typescript' }]"
@ -77,36 +77,31 @@
</div> </div>
<template v-if="codeMode === 'basic' && importCode"> <template v-if="codeMode === 'basic' && importCode">
<pre v-code.script><code> <pre v-code.script><code>{{ code.basic }}
{{ code.basic }}
</code></pre> </code></pre>
</template> </template>
<template v-if="codeMode === 'basic' && !importCode"> <template v-if="codeMode === 'basic' && !importCode">
<pre v-code><code> <pre v-code><code>{{ code.basic }}
{{ code.basic }}
</code></pre> </code></pre>
</template> </template>
<template v-if="codeMode !== 'basic' && codeLang === 'options'"> <template v-if="codeMode !== 'basic' && codeLang === 'options'">
<pre v-code><code> <pre v-code><code>{{ code.options }}
{{ code.options }}
</code></pre> </code></pre>
</template> </template>
<template v-if="codeMode !== 'basic' && codeLang === 'composition'"> <template v-if="codeMode !== 'basic' && codeLang === 'composition'">
<pre v-code><code> <pre v-code><code>{{ code.composition }}
{{ code.composition }}
</code></pre> </code></pre>
</template> </template>
<template v-if="codeMode !== 'basic' && codeLang === 'data'"> <template v-if="codeMode !== 'basic' && codeLang === 'data'">
<pre v-code.json><code> <pre v-code.json><code>{{ code.data }}
{{ code.data }}
</code></pre> </code></pre>
</template> </template>