Skip to content

Commit b1f7405

Browse files
webdevnerdstuffwebdevnerdstuff
authored
Merge pull request #13 from webdevnerdstuff/dev
Fix template
2 parents d6ba5b3 + 04b2380 commit b1f7405

File tree

1 file changed

+64
-67
lines changed

1 file changed

+64
-67
lines changed

‎src/playground/configs/templates/PlaygroundPage.vue

Lines changed: 64 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -1,98 +1,95 @@
11
<template>
2-
<v-row>
3-
4-
<v-col
5-
class="offset-4 mt-15 pt-15"
6-
cols="4"
7-
>
8-
<v-card elevation="5">
9-
<v-container>
10-
<VColorField
11-
v-model="color"
12-
:append-icon="VColorFieldProps.appendIcon"
13-
:append-inner-icon="VColorFieldProps.appendInnerIcon"
14-
:canvasHeight="VColorFieldProps.canvasHeight"
15-
:cardFieldWidth="VColorFieldProps.cardFieldWidth"
16-
:cardOffsetX="VColorFieldProps.cardOffsetX"
17-
:cardOffsetY="VColorFieldProps.cardOffsetY"
18-
:cardPadding="VColorFieldProps.cardPadding"
19-
:cardProps="VColorFieldProps.cardProps"
20-
:clearable="VColorFieldProps.clearable"
21-
:color="VColorFieldProps.color"
22-
:color-picker-props="VColorFieldProps.colorPickerProps"
23-
:density="VColorFieldProps.density"
24-
:dotSize="VColorFieldProps.dotSize"
25-
:hideCanvas="VColorFieldProps.hideCanvas"
26-
:hideInputs="VColorFieldProps.hideInputs"
27-
:hideSliders="VColorFieldProps.hideSliders"
28-
:hint="VColorFieldProps.hint"
29-
:hint-align="VColorFieldProps.hintAlign"
30-
:icon-hover-color="VColorFieldProps.iconHoverColor"
31-
:iconSize="VColorFieldProps.iconSize"
32-
:label="VColorFieldProps.label"
33-
:messages="VColorFieldProps.messages"
34-
:mode="VColorFieldProps.mode"
35-
:modes="VColorFieldProps.modes"
36-
:name="VColorFieldProps.name"
37-
:open="VColorFieldProps.open"
38-
:persistent-hint="VColorFieldProps.persistentHint"
39-
:persistent-placeholder="VColorFieldProps.persistentPlaceholder"
40-
:pip="VColorFieldProps.pip"
41-
:pipBorder="VColorFieldProps.pipBorder"
42-
:pipBorderRadius="VColorFieldProps.pipBorderRadius"
43-
:pipHeight="VColorFieldProps.pipHeight"
44-
:pipIcon="VColorFieldProps.pipIcon"
45-
:pipRadius="VColorFieldProps.pipRadius"
46-
:pipSlot="VColorFieldProps.pipSlot"
47-
:placeholder="VColorFieldProps.placeholder"
48-
:prepend-icon="VColorFieldProps.prependIcon"
49-
:prepend-inner-icon="VColorFieldProps.prependInnerIcon"
50-
:readonly="VColorFieldProps.readonly"
51-
:readonlyInput="VColorFieldProps.readonlyInput"
52-
:required="VColorFieldProps.required"
53-
:showSwatches="VColorFieldProps.showSwatches"
54-
:swatches="VColorFieldProps.swatches"
55-
:swatchesMaxHeight="VColorFieldProps.swatchesMaxHeight"
56-
:theme="VColorFieldProps.theme"
57-
:variant="VColorFieldProps.variant"
58-
>
59-
<!-- <template #prepend="{ toggleColorPicker }">
2+
<v-col
3+
class="offset-4 mt-15 pt-15"
4+
cols="4"
5+
>
6+
<v-card elevation="5">
7+
<v-container>
8+
<VColorField
9+
v-model="color"
10+
:append-icon="VColorFieldProps.appendIcon"
11+
:append-inner-icon="VColorFieldProps.appendInnerIcon"
12+
:canvasHeight="VColorFieldProps.canvasHeight"
13+
:cardFieldWidth="VColorFieldProps.cardFieldWidth"
14+
:cardOffsetX="VColorFieldProps.cardOffsetX"
15+
:cardOffsetY="VColorFieldProps.cardOffsetY"
16+
:cardPadding="VColorFieldProps.cardPadding"
17+
:cardProps="VColorFieldProps.cardProps"
18+
:clearable="VColorFieldProps.clearable"
19+
:color="VColorFieldProps.color"
20+
:color-picker-props="VColorFieldProps.colorPickerProps"
21+
:density="VColorFieldProps.density"
22+
:dotSize="VColorFieldProps.dotSize"
23+
:hideCanvas="VColorFieldProps.hideCanvas"
24+
:hideInputs="VColorFieldProps.hideInputs"
25+
:hideSliders="VColorFieldProps.hideSliders"
26+
:hint="VColorFieldProps.hint"
27+
:hint-align="VColorFieldProps.hintAlign"
28+
:icon-hover-color="VColorFieldProps.iconHoverColor"
29+
:iconSize="VColorFieldProps.iconSize"
30+
:label="VColorFieldProps.label"
31+
:messages="VColorFieldProps.messages"
32+
:mode="VColorFieldProps.mode"
33+
:modes="VColorFieldProps.modes"
34+
:name="VColorFieldProps.name"
35+
:open="VColorFieldProps.open"
36+
:persistent-hint="VColorFieldProps.persistentHint"
37+
:persistent-placeholder="VColorFieldProps.persistentPlaceholder"
38+
:pip="VColorFieldProps.pip"
39+
:pipBorder="VColorFieldProps.pipBorder"
40+
:pipBorderRadius="VColorFieldProps.pipBorderRadius"
41+
:pipHeight="VColorFieldProps.pipHeight"
42+
:pipIcon="VColorFieldProps.pipIcon"
43+
:pipRadius="VColorFieldProps.pipRadius"
44+
:pipSlot="VColorFieldProps.pipSlot"
45+
:placeholder="VColorFieldProps.placeholder"
46+
:prepend-icon="VColorFieldProps.prependIcon"
47+
:prepend-inner-icon="VColorFieldProps.prependInnerIcon"
48+
:readonly="VColorFieldProps.readonly"
49+
:readonlyInput="VColorFieldProps.readonlyInput"
50+
:required="VColorFieldProps.required"
51+
:showSwatches="VColorFieldProps.showSwatches"
52+
:swatches="VColorFieldProps.swatches"
53+
:swatchesMaxHeight="VColorFieldProps.swatchesMaxHeight"
54+
:theme="VColorFieldProps.theme"
55+
:variant="VColorFieldProps.variant"
56+
>
57+
<!-- <template #prepend="{ toggleColorPicker }">
6058
<v-icon
6159
icon="$vuetify"
6260
@click="toggleColorPicker"
6361
/>
6462
</template> -->
6563

66-
<!-- <template #prepend-inner="{ toggleColorPicker }">
64+
<!-- <template #prepend-inner="{ toggleColorPicker }">
6765
<v-icon
6866
icon="$vuetify"
6967
@click="toggleColorPicker"
7068
/>
7169
</template> -->
7270

73-
<!-- <template #append-inner="{ toggleColorPicker }">
71+
<!-- <template #append-inner="{ toggleColorPicker }">
7472
<v-icon
7573
icon="$vuetify"
7674
@click="toggleColorPicker"
7775
/>
7876
</template> -->
7977

80-
<!-- <template #append="{ toggleColorPicker }">
78+
<!-- <template #append="{ toggleColorPicker }">
8179
<v-icon
8280
icon="$vuetify"
8381
@click="toggleColorPicker"
8482
/>
8583
</template> -->
8684

87-
<!-- <template #label>
85+
<!-- <template #label>
8886
Color
8987
</template> -->
9088

91-
</VColorField>
92-
</v-container>
93-
</v-card>
94-
</v-col>
95-
</v-row>
89+
</VColorField>
90+
</v-container>
91+
</v-card>
92+
</v-col>
9693
</template>
9794

9895
<script setup>

0 commit comments

Comments
 (0)