mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2024-11-27 14:59:27 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

improve demo styling

Browse Source
This commit is contained in:
Philipp Kühn 2021-08-26 23:03:31 +02:00
parent 6e71c08595
commit 4492d069bb
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
demos/preview/Demo.vue
View File

@ -38,7 +38,7 @@
<div class="flex overflow-x-auto">
<div class="flex flex-auto px-4 border-b-2 border-gray-800">
<button
class="inline-flex relative mr-4 py-2 pb-[calc(0.3rem + 2px)] mb-[-2px] border-b-2 border-transparent font-mono text-sm"
class="inline-flex relative mr-4 py-2 pb-[calc(0.3rem + 2px)] mb-[-2px] border-b-2 border-transparent font-mono text-sm whitespace-nowrap"
:class="[!showDebug && currentFile.content === file.content
? 'text-white border-white font-bold'
: 'text-gray-400'
@ -74,10 +74,10 @@
</div>
<div class="flex justify-between px-4 py-2 text-md text-gray-400 border-t border-gray-800">
<a :href="currentIframeUrl">
<a class="flex-shrink min-w-0 overflow-ellipsis overflow-hidden whitespace-nowrap" :href="currentIframeUrl">
{{ name }}/{{ currentTab }}
</a>
<a :href="githubUrl" target="_blank">
<a class="whitespace-nowrap pl-4" :href="githubUrl" target="_blank">
Edit on GitHub →
</a>
</div>

13
demos/vite.config.ts
View File

@ -124,7 +124,18 @@ export default defineConfig({
}
})
return `export default ${JSON.stringify(files)}`
const sortedFiles = files.sort(item => {
if (
item.name.split('/').length === 0
&& basename(item.name).startsWith('index.')
) {
return -1
}
return 1
})
return `export default ${JSON.stringify(sortedFiles)}`
}
},
},