Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: tweaks container size and shiki styles

Browse Source
This commit is contained in:
Sadegh Barati 2024-01-22 01:14:52 +03:30
parent 5f5d2e9601
commit 0a423e75df
4 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/www/.vitepress/config.mts
View File

@ -10,10 +10,8 @@ import { siteConfig } from './theme/config/site'
import ComponentPreviewPlugin from './theme/plugins/previewer' import ComponentPreviewPlugin from './theme/plugins/previewer'
const cssVariables = createCssVariablesTheme({ const cssVariables = createCssVariablesTheme({
name: 'css-variables',
variablePrefix: '--shiki-', variablePrefix: '--shiki-',
variableDefaults: {}, variableDefaults: {},
fontStyle: true,
}) })
// https://vitepress.dev/reference/site-config // https://vitepress.dev/reference/site-config

2
apps/www/.vitepress/theme/layout/DocsLayout.vue
View File

@ -20,7 +20,7 @@ const sourceLink = 'https://github.com/radix-vue/shadcn-vue/tree/dev/'
<aside <aside
class="fixed top-14 z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 md:sticky md:block overflow-y-auto" class="fixed top-14 z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 md:sticky md:block overflow-y-auto"
> >
<ScrollArea orientation="vertical" class="h-full py-6 pl-8 pr-6 lg:py-8" :type="'auto'"> <ScrollArea orientation="vertical" class="relative overflow-hidden h-full py-6 pr-6 lg:py-8" :type="'auto'">
<div class="w-full"> <div class="w-full">
<div v-for="docsGroup in docsConfig.sidebarNav" :key="docsGroup.title" class="pb-4"> <div v-for="docsGroup in docsConfig.sidebarNav" :key="docsGroup.title" class="pb-4">
<h4 <h4

2
apps/www/.vitepress/theme/layout/MainLayout.vue
View File

@ -86,7 +86,7 @@ watch(() => $route.path, (n) => {
<div class="flex min-h-screen flex-col bg-background"> <div class="flex min-h-screen flex-col bg-background">
<header class="sticky z-40 top-0 bg-background/80 backdrop-blur-lg border-b border-border"> <header class="sticky z-40 top-0 bg-background/80 backdrop-blur-lg border-b border-border">
<div <div
class="container flex justify-between h-14 items-center" class="container flex justify-between h-14 max-w-screen-2xl items-center"
> >
<MobileNav /> <MobileNav />

4
apps/www/.vitepress/theme/styles/shiki.css
View File

@ -1,5 +1,5 @@
:root { :root {
--shiki-foreground: #EEEEEE; --shiki-foreground: #FFF8;
--shiki-color-background: #ffffff; --shiki-color-background: #ffffff;
--shiki-token-constant: #ffffff; --shiki-token-constant: #ffffff;
--shiki-token-string: #ffffff88; --shiki-token-string: #ffffff88;
@ -7,7 +7,7 @@
--shiki-token-keyword: #ffffff88; --shiki-token-keyword: #ffffff88;
--shiki-token-parameter: #AA0000; --shiki-token-parameter: #AA0000;
--shiki-token-function: #ffffff; --shiki-token-function: #ffffff;
--shiki-token-string-expression: #ffffff88; --shiki-token-string-expression: #ebebeb;
--shiki-token-punctuation: #ffffff; --shiki-token-punctuation: #ffffff;
--shiki-token-link: #EE0000; --shiki-token-link: #EE0000;
} }