Skip to content

Commit 8c5a9cb

Browse files
webdevnerdstuffwebdevnerdstuff
committed
Fixing layout
1 parent 7b3b292 commit 8c5a9cb

File tree

3 files changed

+111
-118
lines changed

3 files changed

+111
-118
lines changed

‎src/App.vue‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,9 @@
1818

1919
<!-- ====================================================== Main Container -->
2020
<v-main class="main-container pb-10">
21-
<v-responsive>
22-
<v-container class="px-10">
23-
<DocsPage :codeBlockOptions="codeBlockSettings" />
24-
</v-container>
25-
</v-responsive>
21+
<v-container class="px-10">
22+
<DocsPage :codeBlockOptions="codeBlockSettings" />
23+
</v-container>
2624
</v-main>
2725
</v-app>
2826
</template>
@@ -39,7 +37,7 @@ import 'prismjs/components/prism-typescript.js';
3937
4038
4139
const store = useCoreStore();
42-
const drawer = ref(true);
40+
const drawer = ref(false);
4341
const drawerOptions = ref({
4442
absolute: false,
4543
color: '',

‎src/documentation/DocsPage.vue‎

Lines changed: 98 additions & 100 deletions
Original file line numberDiff line numberDiff line change
@@ -1,105 +1,103 @@
11
<template>
2-
<v-container fluid>
3-
<v-row class="text-center">
4-
<v-col cols="12">
5-
<v-img
6-
class="my-3"
7-
contain
8-
height="200"
9-
src="../assets/vuetify-logo.svg"
10-
/>
11-
</v-col>
12-
13-
<v-col class="mb-4">
14-
<h1 class="v-heading text-h3 text-sm-h3 mb-4">
15-
Vuetify Drilldown Table
16-
</h1>
17-
<v-chip
18-
color="primary"
19-
size="small"
20-
variant="outlined"
21-
>
22-
v{{ componentVersion }}
23-
</v-chip>
24-
</v-col>
25-
</v-row>
26-
27-
<!-- Installation -->
28-
<v-row id="installation">
29-
<v-col
30-
class="mb-5"
31-
cols="12"
2+
<v-row class="text-center">
3+
<v-col cols="12">
4+
<v-img
5+
class="my-3"
6+
contain
7+
height="200"
8+
src="../assets/vuetify-logo.svg"
9+
/>
10+
</v-col>
11+
12+
<v-col class="mb-4">
13+
<h1 class="v-heading text-h3 text-sm-h3 mb-4">
14+
Vuetify Drilldown Table
15+
</h1>
16+
<v-chip
17+
color="primary"
18+
size="small"
19+
variant="outlined"
3220
>
33-
<h2 :class="classes.h2">
34-
<a
35-
:class="classes.headerA"
36-
href="#installation"
37-
>#</a>
38-
Installation
39-
</h2>
40-
41-
<v-row>
42-
<v-col cols="12">
43-
<CodeBlock
44-
code="pnpm add vuetify-drilldown-table"
45-
:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
46-
lang="plain"
47-
:prismjs="codeBlockSettings.plugin === 'prismjs'"
48-
:theme="codeBlockSettings.theme"
49-
>
50-
<template #label>
51-
Using <a
52-
:href="links.pnpm"
53-
target="_blank"
54-
>pnpm</a>:
55-
</template>
56-
</CodeBlock>
57-
</v-col>
58-
<v-col cols="12">
59-
<CodeBlock
60-
code="npm i vuetify-drilldown-table"
61-
:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
62-
lang="plain"
63-
:prismjs="codeBlockSettings.plugin === 'prismjs'"
64-
:theme="codeBlockSettings.theme"
65-
>
66-
<template #label>Using npm:</template>
67-
</CodeBlock>
68-
</v-col>
69-
</v-row>
70-
</v-col>
71-
</v-row>
72-
73-
<!-- Description -->
74-
<DescriptionSection />
75-
76-
<!-- Usage -->
77-
<UsageSection :codeBlockOptions="codeBlockOptions" />
78-
79-
<!-- Props -->
80-
<PropsSection />
81-
82-
<!-- Cell Rendering -->
83-
<CellRenderingSection :codeBlockOptions="codeBlockOptions" />
84-
85-
<!-- Events -->
86-
<EventsSection />
87-
88-
<!-- Slots -->
89-
<SlotsSection :codeBlockOptions="codeBlockOptions" />
90-
91-
<!-- Example -->
92-
<ExampleSection />
93-
94-
<!-- Dependencies -->
95-
<DependenciesSection />
96-
97-
<!-- License -->
98-
<LicenseSection />
99-
100-
<!-- Legal -->
101-
<LegalSection />
102-
</v-container>
21+
v{{ componentVersion }}
22+
</v-chip>
23+
</v-col>
24+
</v-row>
25+
26+
<!-- Installation -->
27+
<v-row id="installation">
28+
<v-col
29+
class="mb-5"
30+
cols="12"
31+
>
32+
<h2 :class="classes.h2">
33+
<a
34+
:class="classes.headerA"
35+
href="#installation"
36+
>#</a>
37+
Installation
38+
</h2>
39+
40+
<v-row>
41+
<v-col cols="12">
42+
<CodeBlock
43+
code="pnpm add vuetify-drilldown-table"
44+
:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
45+
lang="plain"
46+
:prismjs="codeBlockSettings.plugin === 'prismjs'"
47+
:theme="codeBlockSettings.theme"
48+
>
49+
<template #label>
50+
Using <a
51+
:href="links.pnpm"
52+
target="_blank"
53+
>pnpm</a>:
54+
</template>
55+
</CodeBlock>
56+
</v-col>
57+
<v-col cols="12">
58+
<CodeBlock
59+
code="npm i vuetify-drilldown-table"
60+
:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
61+
lang="plain"
62+
:prismjs="codeBlockSettings.plugin === 'prismjs'"
63+
:theme="codeBlockSettings.theme"
64+
>
65+
<template #label>Using npm:</template>
66+
</CodeBlock>
67+
</v-col>
68+
</v-row>
69+
</v-col>
70+
</v-row>
71+
72+
<!-- Description -->
73+
<DescriptionSection />
74+
75+
<!-- Usage -->
76+
<UsageSection :codeBlockOptions="codeBlockOptions" />
77+
78+
<!-- Props -->
79+
<PropsSection />
80+
81+
<!-- Cell Rendering -->
82+
<CellRenderingSection :codeBlockOptions="codeBlockOptions" />
83+
84+
<!-- Events -->
85+
<EventsSection />
86+
87+
<!-- Slots -->
88+
<SlotsSection :codeBlockOptions="codeBlockOptions" />
89+
90+
<!-- Example -->
91+
<ExampleSection />
92+
93+
<!-- Dependencies -->
94+
<DependenciesSection />
95+
96+
<!-- License -->
97+
<LicenseSection />
98+
99+
<!-- Legal -->
100+
<!-- <LegalSection /> -->
103101
</template>
104102

105103
<script setup>

‎src/documentation/sections/UsageSection.vue‎

Lines changed: 9 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -12,18 +12,15 @@
1212
>#</a>
1313
Usage
1414
</h2>
15-
16-
<v-row>
17-
<v-col cols="12">
18-
<CodeBlock
19-
:code="usageCode"
20-
:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
21-
lang="javascript"
22-
:prismjs="codeBlockSettings.plugin === 'prismjs'"
23-
:theme="codeBlockSettings.theme"
24-
/>
25-
</v-col>
26-
</v-row>
15+
</v-col>
16+
<v-col cols="12">
17+
<CodeBlock
18+
:code="usageCode"
19+
:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
20+
lang="javascript"
21+
:prismjs="codeBlockSettings.plugin === 'prismjs'"
22+
:theme="codeBlockSettings.theme"
23+
/>
2724
</v-col>
2825
</v-row>
2926
</template>

0 commit comments

Comments
 (0)