8000 docs: update theme · coreui/coreui-vue@0d7b5a6 · GitHub
[go: up one dir, main page]
Skip to content

Commit 0d7b5a6

Browse files
mrholekmrholek
committed
docs: update theme
1 parent 1bd205e commit 0d7b5a6

File tree

3 files changed

+47
-28
lines changed

3 files changed

+47
-28
lines changed

‎packages/docs/.vuepress/clientAppEnhance.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ import {
1919
cilCheckCircle,
2020
cilCloudDownload,
2121
cilContrast,
22+
cilHandshake,
2223
cilInfo,
2324
cilMenu,
2425
cilMoon,
@@ -46,6 +47,7 @@ export const icons = {
4647
cilCheckCircle,
4748
cilCloudDownload,
4849
cilContrast,
50+
cilHandshake,
4951
cilInfo,
5052
cilMenu,
5153
cilMoon,

‎packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626
</CDropdownToggle>
2727
<CDropdownMenu>
2828
<CDropdownItem
29+
:active="theme === 'light'"
2930
class="d-flex align-items-center"
3031
component="button"
3132
type="button"
@@ -34,6 +35,7 @@
3435
<CIcon class="me-2" icon="cil-sun" size="lg" /> Light
3536
</CDropdownItem>
3637
<CDropdownItem
38+
:active="theme === 'dark'"
3739
class="d-flex align-items-center"
3840
component="button"
3941
type="button"
@@ -42,6 +44,7 @@
4244
<CIcon class="me-2" icon="cil-moon" size="lg" /> Dark
4345
</CDropdownItem>
4446
<CDropdownItem
47+
:active="theme === 'auto'"
4548
class="d-flex align-items-center"
4649
component="button"
4750
type="button"
@@ -65,6 +68,14 @@
6568
>
6669
<CIcon icon="cil-cloud-download" /> Download
6770
</CButton>
71+
<CButton
72+
class="d-lg-inline-block my-2 my-md-0 ms-md-3"
73+
color="primary"
74+
href="https://coreui.io/about/services/?docs=coreui-header-button"
75+
variant="outline"
76+
>
77+
<CIcon class="me-2" icon="cil-handshake" /> Hire Us
78+
</CButton>
6879
<CButton
6980
class="d-lg-inline-block my-2 my-md-0 ms-md-3"
7081
color="primary"

‎packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue

Lines changed: 34 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -10,37 +10,43 @@
1010
<Header
1111
:theme="storedTheme"
1212
@toggle-sidebar="toggleSidebar(!isSidebarOpen)"
13-
@toggle-color-mode="(theme) => {setTheme(theme)}"
13+
@toggle-color-mode="
14+
(theme) => {
15+
setTheme(theme)
16+
}
17+
"
1418
/>
1519
<div class="body flex-grow-1 px-3">
1620
<CContainer lg>
17-
<Home v-if="frontmatter.home" />
18-
<Transition
19-
v-else
20-
name="fade-slide-y"
21-
mode="out-in"
22-
@before-enter="onBeforeEnter"
23-
@before-leave="onBeforeLeave"
24-
>
25-
<CRow>
26-
<CCol :lg="9">
27-
<Page :key="page.path">
28-
<template #top>
29-
<slot name="page-top" />
30-
</template>
31-
<template #bottom>
32-
<slot name="page-bottom" />
33-
</template>
34-
</Page>
35-
</CCol>
36-
<CCol :lg="3">
37-
<div class="docs-toc text-muted">
38-
<strong class="d-block h6 mb-2 pb-2 border-bottom">On this page</strong>
39-
<Toc />
40-
</div>
41-
</CCol>
42-
</CRow>
43-
</Transition>
21+
<main class="docs-main">
22+
<Home v-if="frontmatter.home" />
23+
<Transition
24+
v-else
25+
name="fade-slide-y"
26+
mode="out-in"
27+
@before-enter="onBeforeEnter"
28+
@before-leave="onBeforeLeave"
29+
>
30+
<CRow>
31+
<CCol :lg="9">
32+
<Page :key="page.path">
33+
<template #top>
34+
<slot name="page-top" />
35+
</template>
36+
<template #bottom>
37+
<slot name="page-bottom" />
38+
</template>
39+
</Page>
40+
</CCol>
41+
<CCol :lg="3">
42+
<div class="docs-toc text-muted">
43+
<strong class="d-block h6 mb-2 pb-2 border-bottom">On this page</strong>
44+
<Toc />
45+
</div>
46+
</CCol>
47+
</CRow>
48+
</Transition>
49+
</main>
4450
</CContainer>
4551
</div>
4652
<Footer />

0 commit comments

Comments
 (0)
0