Skip to content

Commit 212fe4e

Browse files
committed
docs: update theme
1 parent 56a28ab commit 212fe4e

File tree

3 files changed

+76
-64
lines changed

3 files changed

+76
-64
lines changed

docs/4.0/api/CWidgetStatsF.api.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,6 @@
44
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string` | - |
55
| **footer** | Footer node for your component. | `ReactNode` | - |
66
| **icon** | Icon node for your component. | `ReactNode` | - |
7-
| **padding** | Set padding of your component. | `boolean` | 3 |
7+
| **padding** | Set padding of your component. | `boolean` | true |
88
| **title** | Title node for your component. | `ReactNode` | - |
99
| **value** | Value node for your component. | `ReactNode` | - |

src/docs/nav.tsx

Lines changed: 72 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,10 @@
11
import React from 'react'
22
import CIcon from '@coreui/icons-react'
3-
import { cilHouse } from '@coreui/icons'
4-
5-
import pkg from './../../package.json'
6-
import { cilViewQuilt } from '@coreui/icons'
7-
import { cilNotes } from '@coreui/icons'
8-
import { cil3d } from '@coreui/icons'
9-
10-
const version = `/`
11-
// const version = `/${pkg.config.version_short}`
123

134
const nav = [
145
{
156
name: 'Getting Started',
16-
to: `${version}getting-started/`,
7+
to: '/getting-started/',
178
icon: (
189
<CIcon
1910
customClassName="nav-icon text-primary"
@@ -28,85 +19,103 @@ const nav = [
2819
items: [
2920
{
3021
name: 'Introduction',
31-
to: `${version}getting-started/introduction/`,
22+
to: '/getting-started/introduction/',
3223
},
3324
],
3425
},
3526
{
3627
name: 'Layout',
37-
to: `${version}layout/`,
28+
to: '/layout/',
3829
icon: (
39-
<CIcon customClassName="nav-icon text-primary" icon={cilViewQuilt} width={64} height={64} />
30+
<CIcon
31+
customClassName="nav-icon text-primary"
32+
icon={[
33+
'512 512',
34+
'<path fill="var(--ci-primary-color, currentColor)" d="M16,64V448H496V64ZM464,240H192V96H464ZM192,272H312V416H192ZM48,96H160V416H48ZM344,416V272H464V416Z" class="ci-primary"></path>',
35+
]}
36+
width={64}
37+
height={64}
38+
/>
4039
),
4140
items: [
4241
{
4342
name: 'Breakpoints',
44-
to: `${version}layout/breakpoints/`,
43+
to: '/layout/breakpoints/',
4544
},
4645
{
4746
name: 'Containers',
48-
to: `${version}layout/containers/`,
47+
to: '/layout/containers/',
4948
},
5049
{
5150
name: 'Grid',
52-
to: `${version}layout/grid/`,
51+
to: '/layout/grid/',
5352
},
5453
{
5554
name: 'Columns',
56-
to: `${version}layout/columns/`,
55+
to: '/layout/columns/',
5756
},
5857
{
5958
name: 'Gutter',
60-
to: `${version}layout/gutters/`,
59+
to: '/layout/gutters/',
6160
},
6261
],
6362
},
6463
{
6564
name: 'Forms',
66-
to: `${version}forms/`,
67-
icon: <CIcon customClassName="nav-icon text-primary" icon={cilNotes} width={64} height={64} />,
65+
to: '/forms/',
66+
icon: (
67+
<CIcon
68+
customClassName="nav-icon text-primary"
69+
icon={[
70+
'512 512',
71+
'<rect width="288" height="32" x="112" y="152" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="288" height="32" x="112" y="240" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="152" height="32" x="112" y="328" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><path fill="var(--ci-primary-color, currentColor)" d="M480,48H32V464H480ZM448,432H64V80H448Z" class="ci-primary"></path>',
72+
]}
73+
width={64}
74+
height={64}
75+
/>
76+
),
6877
items: [
6978
{
7079
name: 'Overview',
71-
to: `${version}forms/overview/`,
80+
to: '/forms/overview/',
7281
},
7382
{
7483
name: 'Form Control',
75-
to: `${version}forms/form-control/`,
84+
to: '/forms/form-control/',
7685
},
7786
{
7887
name: 'Select',
79-
to: `${version}forms/select/`,
88+
to: '/forms/select/',
8089
},
8190
{
8291
name: 'Checks & Radios',
83-
to: `${version}forms/checks-radios/`,
92+
to: '/forms/checks-radios/',
8493
},
8594
{
8695
name: 'Range',
87-
to: `${version}forms/range/`,
96+
to: '/forms/range/',
8897
},
8998
{
9099
name: 'Input Group',
91-
to: `${version}forms/input-group/`,
100+
to: '/forms/input-group/',
92101
},
93102
{
94103
name: 'Floating Labels',
95-
to: `${version}forms/floating-labels/`,
104+
to: '/forms/floating-labels/',
96105
},
97106
{
98107
name: 'Layout',
99-
to: `${version}forms/layout/`,
108+
to: '/forms/layout/',
100109
},
101110
{
102111
name: 'Validation',
103-
to: `${version}forms/validation/`,
112+
to: '/forms/validation/',
104113
},
105114
],
106115
},
107116
{
108117
name: 'Components',
109-
to: `${version}components/`,
118+
to: '/components/',
110119
icon: (
111120
<CIcon
112121
customClassName="nav-icon text-primary"
@@ -121,134 +130,134 @@ const nav = [
121130
items: [
122131
{
123132
name: 'Accordion',
124-
to: `${version}components/accordion/`,
133+
to: '/components/accordion/',
125134
},
126135
{
127136
name: 'Alert',
128-
to: `${version}components/alert/`,
137+
to: '/components/alert/',
129138
},
130139
{
131140
name: 'Avatar',
132-
to: `${version}components/avatar/`,
141+
to: '/components/avatar/',
133142
},
134143
{
135144
name: 'Badge',
136-
to: `${version}components/badge/`,
145+
to: '/components/badge/',
137146
},
138147
{
139148
name: 'Breadcrumb',
140-
to: `${version}components/breadcrumb/`,
149+
to: '/components/breadcrumb/',
141150
},
142151
{
143152
name: 'Button',
144-
to: `${version}components/button/`,
153+
to: '/components/button/',
145154
},
146155
{
147156
name: 'Button Group',
148-
to: `${version}components/button-group/`,
157+
to: '/components/button-group/',
149158
},
150159
{
151160
name: 'Callout',
152-
to: `${version}components/callout/`,
161+
to: '/components/callout/',
153162
},
154163
{
155164
name: 'Card',
156-
to: `${version}components/card/`,
165+
to: '/components/card/',
157166
},
158167
{
159168
name: 'Carousel',
160-
to: `${version}components/carousel/`,
169+
to: '/components/carousel/',
161170
},
162171
{
163172
name: 'Close Button',
164-
to: `${version}components/close-button/`,
173+
to: '/components/close-button/',
165174
},
166175
{
167176
name: 'Collapse',
168-
to: `${version}components/collapse/`,
177+
to: '/components/collapse/',
169178
},
170179
{
171180
name: 'Dropdown',
172-
to: `${version}components/dropdown/`,
181+
to: '/components/dropdown/',
173182
},
174183
{
175184
name: 'Footer',
176-
to: `${version}components/footer/`,
185+
to: '/components/footer/',
177186
},
178187
{
179188
name: 'Header',
180-
to: `${version}components/header/`,
189+
to: '/components/header/',
181190
},
182191
{
183192
name: 'Image',
184-
to: `${version}components/image/`,
193+
to: '/components/image/',
185194
},
186195
{
187196
name: 'List Group',
188-
to: `${version}components/list-group/`,
197+
to: '/components/list-group/',
189198
},
190199
{
191200
name: 'Modal',
192-
to: `${version}components/modal/`,
201+
to: '/components/modal/',
193202
},
194203
{
195204
name: 'Navs & Tabs',
196-
to: `${version}components/navs-tabs/`,
205+
to: '/components/navs-tabs/',
197206
},
198207
{
199208
name: 'Navbar',
200-
to: `${version}components/navbar/`,
209+
to: '/components/navbar/',
201210
},
202211
{
203212
name: 'Offcanvas',
204-
to: `${version}components/offcanvas/`,
213+
to: '/components/offcanvas/',
205214
},
206215
{
207216
name: 'Pagination',
208-
to: `${version}components/pagination/`,
217+
to: '/components/pagination/',
209218
},
210219
{
211220
name: 'Placeholders',
212-
to: `${version}components/placeholders/`,
221+
to: '/components/placeholders/',
213222
disabled: true,
214223
badge: {
215224
color: 'warning',
216225
text: 'WIP v4.1',
217-
}
226+
},
218227
},
219228
{
220229
name: 'Popover',
221-
to: `${version}components/popover/`,
230+
to: '/components/popover/',
222231
},
223232
{
224233
name: 'Progress',
225-
to: `${version}components/progress/`,
234+
to: '/components/progress/',
226235
},
227236
{
228237
name: 'Sidebar',
229-
to: `${version}components/sidebar/`,
238+
to: '/components/sidebar/',
230239
},
231240
{
232241
name: 'Table',
233-
to: `${version}components/table/`,
242+
to: '/components/table/',
234243
},
235244
{
236245
name: 'Toast',
237-
to: `${version}components/toast/`,
246+
to: '/components/toast/',
238247
},
239248
{
240249
name: 'Tooltip',
241-
to: `${version}components/tooltip/`,
250+
to: '/components/tooltip/',
242251
},
243252
{
244253
name: 'Widgets',
245-
to: `${version}components/widgets/`,
254+
to: '/components/widgets/',
246255
},
247256
],
248257
},
249258
{
250259
name: 'Migration',
251-
to: `${version}migration/`,
260+
to: '/migration/',
252261
icon: (
253262
<CIcon
254263
customClassName="nav-icon text-primary"
@@ -263,7 +272,7 @@ const nav = [
263272
items: [
264273
{
265274
name: 'v4',
266-
to: `${version}migration/v4/`,
275+
to: '/migration/v4/',
267276
},
268277
],
269278
},

static/index.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<script>
2+
window.location.replace("./getting-started/introduction/");
3+
</script>

0 commit comments

Comments
 (0)