Skip to content

Commit 307fe8f

Browse files
committed
Revert "Merge pull request #9 from paper-kit/feat(layout)--darkmode"
This reverts commit 4a3a0d5, reversing changes made to 55a409a.
1 parent 4a3a0d5 commit 307fe8f

32 files changed

+91
-511
lines changed

docs/app/components/AllComponents.vue

Lines changed: 0 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,5 @@
11
<template>
22
<div class="flex gap-4 flex-wrap mx-4">
3-
<ShowComponent is-new>
4-
<template #component>
5-
<div class="flex w-48 relative">
6-
<div class="flex gap-4 flex-wrap mx-4 w-full h-24">
7-
<PUCompare with-dark-mode>
8-
<PUButton
9-
flavor="normal"
10-
shape="rounded"
11-
>
12-
Click me!
13-
</PUButton>
14-
</PUCompare>
15-
</div>
16-
</div>
17-
</template>
18-
<template #component-name>
19-
<a href="/docs/components/pu-compare">PUCompare</a>
20-
</template>
21-
</ShowComponent>
22-
233
<ShowComponent is-new>
244
<template #component>
255
<div class="flex w-48 relative">

docs/app/components/AsideMenu.vue

Lines changed: 0 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -27,24 +27,10 @@ const items: Items[] = [
2727
links: [
2828
{ name: 'PUAccordion', link: '/docs/components/pu-accordion' },
2929
{ name: 'PUAvatar', link: '/docs/components/pu-avatar', new: true },
30-
{ name: 'PUAudio', link: '/docs/components/pu-audio', new: true },
31-
// { name: 'PUChip', link: '/docs/components/pu-chip' },
32-
// { name: 'PUCollapsible', link: '/docs/components/pu-collapsible' },
33-
// { name: 'PUDataTable', link: '/docs/components/pu-data-table', new: true },
34-
// { name: 'PUDropdown', link: '/docs/components/pu-dropdown' },
35-
// { name: 'PUInputNumber', link: '/docs/components/pu-input-number' },
36-
// { name: 'PUList', link: '/docs/components/pu-list' },
37-
// { name: 'PUMenu', link: '/docs/components/pu-menu' },
38-
// { name: 'PUPagination', link: '/docs/components/pu-pagination' },
39-
// { name: 'PURating', link: '/docs/components/pu-rating' },
40-
// { name: 'PUSearch', link: '/docs/components/pu-search' },
41-
// { name: 'PUSelectGroup', link: '/docs/components/pu-select-group' },
42-
4330
{ name: 'PUBadge', link: '/docs/components/pu-badge' },
4431
{ name: 'PUButtonIcon', link: '/docs/components/pu-button-icon' },
4532
{ name: 'PUButton', link: '/docs/components/pu-button' },
4633
{ name: 'PUCheckbox', link: '/docs/components/pu-checkbox' },
47-
{ name: 'PUCompare', link: '/docs/components/pu-compare', new: true },
4834
{ name: 'PUDatePicker', link: '/docs/components/pu-datepicker', new: true },
4935
{ name: 'PUInput', link: '/docs/components/pu-input' },
5036
{ name: 'PUModal', link: '/docs/components/pu-modal' },

docs/app/components/CodeBlock.vue

Lines changed: 2 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -15,23 +15,12 @@
1515
{{ tab.label }}
1616
</PUButton>
1717
</div>
18-
<div class="p-6 rounded-xl shadow-lg h-auto">
18+
<div class="p-6 bg-gradient-to-b from-white to-gray-50 rounded-xl shadow-lg h-auto">
1919
<div
2020
v-if="activeTab === 'Preview'"
21-
class="w-full h-full flex justify-center flex-wrap items-center gap-2 p-4 "
21+
class="w-full h-full flex justify-center items-center gap-2"
2222
>
2323
<slot name="preview" />
24-
<div
25-
v-if="compare"
26-
class="flex gap-4 flex-wrap justify-between mx-4 min-h-[200px] w-full lg:w-1/2"
27-
>
28-
<PUCompare
29-
with-dark-mode
30-
with-icon
31-
>
32-
<slot name="preview" />
33-
</PUCompare>
34-
</div>
3524
</div>
3625
<div v-else>
3726
<CodeBox
@@ -48,14 +37,6 @@
4837
<script setup lang="ts">
4938
import { ref } from 'vue'
5039
51-
defineProps(
52-
{
53-
compare: {
54-
type: Boolean,
55-
default: true,
56-
},
57-
},
58-
)
5940
const tabs = [
6041
{ label: 'Preview' },
6142
{ label: 'Code' },

docs/app/components/HeaderUi.vue

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -18,18 +18,8 @@
1818
id="nav-mobile"
1919
class="right hide-on-med-and-down flex gap-4 mt-4"
2020
>
21-
<li>
22-
<a href="/docs"><PUButton
23-
flavor="outlined"
24-
icon-right="file-alt"
25-
>docs</PUButton></a>
26-
</li>
27-
<li>
28-
<a href="https://github.com/paper-kit/nuxt"><PUButton
29-
flavor="outlined"
30-
icon-right="github-alt"
31-
>github</PUButton></a>
32-
</li>
21+
<li><a href="/docs"><PUButton flavor="outlined">Docs</PUButton></a></li>
22+
<li><a href="https://github.com/paper-kit/nuxt"><PUButton flavor="outlined">Github</PUButton></a></li>
3323
</ul>
3424
</div>
3525
</div>

docs/app/components/ShowComponent.vue

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,15 @@
11
<template>
2-
<div
3-
class="border-2 border-primary-light-500 rounded-lg w-72 h-48 hover:scale-110 transition-all duration-300 relative"
4-
>
5-
<div class="absolute top-2 right-2 cursor-pointer dark:text-primary-light-50">
2+
<div class="border-2 border-primary-light-500 rounded-lg w-72 h-48 hover:scale-110 transition-all duration-300 relative">
3+
<div class="absolute top-2 right-2">
64
<PUIcon
75
v-if="isNew"
8-
name="star-solid"
6+
name="star"
97
/>
108
</div>
11-
<div class="component-example p-4 flex justify-center items-center h-36 dark:bg-primary-light-500">
9+
<div class="component-example p-4 flex justify-center items-center h-36 ">
1210
<slot name="component" />
1311
</div>
14-
<div class="component-name text-lg font-bold flex h-12 gap-4 justify-center items-center w-full border-t-2 border-primary-light-500">
12+
<div class="component-name text-lg font-bold flex h-12 justify-center items-center w-full border-t-2 border-primary-light-500">
1513
<slot name="component-name" />
1614
</div>
1715
</div>

docs/app/components/paper/ShowAccordion.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
<div class="w-72">
2121
<PUAccordion :items="demoItems">
2222
<template #content>
23-
<div class="p-4 bg-gray-50 rounded dark:text-primary-light-500">
23+
<div class="p-4 bg-gray-50 rounded">
2424
Custom content area with additional styling
2525
</div>
2626
</template>
@@ -39,7 +39,7 @@
3939
class="w-full"
4040
>
4141
<template #header="{ item, isOpen }">
42-
<h3 :class="{ 'text-[#E12B56]': isOpen, 'text-gray-800 dark:text-white': !isOpen }">
42+
<h3 :class="{ 'text-[#E12B56]': isOpen, 'text-gray-800': !isOpen }">
4343
{{ item.title }}
4444
</h3>
4545
</template>

docs/app/components/paper/ShowCompare.vue

Lines changed: 0 additions & 70 deletions
This file was deleted.

docs/app/components/paper/ShowDatepicker.vue

Lines changed: 4 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
<template>
22
<div class="datepicker-demo">
3-
<CodeBlock
4-
v-if="type === 'default'"
5-
>
3+
<CodeBlock v-if="type === 'default'">
64
<template #preview>
75
<PUDatePicker v-model="selectedDate" />
86
</template>
@@ -11,9 +9,7 @@
119
</template>
1210
</CodeBlock>
1311

14-
<CodeBlock
15-
v-if="type === 'always-open'"
16-
>
12+
<CodeBlock v-if="type === 'always-open'">
1713
<template #preview>
1814
<PUDatePicker
1915
v-model="selectedDate"
@@ -25,10 +21,7 @@
2521
</template>
2622
</CodeBlock>
2723

28-
<CodeBlock
29-
v-if="type === 'disabled-dates'"
30-
:compare="false"
31-
>
24+
<CodeBlock v-if="type === 'disabled-dates'">
3225
<template #preview>
3326
<PUDatePicker
3427
v-model="selectedDate"
@@ -40,10 +33,7 @@
4033
</template>
4134
</CodeBlock>
4235

43-
<CodeBlock
44-
v-if="type === 'disabled-range'"
45-
:compare="false"
46-
>
36+
<CodeBlock v-if="type === 'disabled-range'">
4737
<template #preview>
4838
<PUDatePicker
4939
v-model="selectedDate"

docs/app/components/paper/ShowInput.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<PUInput
1818
v-model="searchValue"
1919
icon-left="search"
20-
icon-right="close-x-exit"
20+
icon-right="cancel"
2121
placeholder="Search..."
2222
/>
2323
</template>

docs/app/components/paper/ShowModal.vue

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,6 @@
11
<template>
22
<div class="modal-demo">
3-
<CodeBlock
4-
v-if="type === 'default'"
5-
:compare="false"
6-
>
3+
<CodeBlock v-if="type === 'default'">
74
<template #preview>
85
<PUButton @click="show">
96
show
@@ -30,10 +27,7 @@
3027
<slot name="code" />
3128
</template>
3229
</CodeBlock>
33-
<CodeBlock
34-
v-else
35-
:compare="false"
36-
>
30+
<CodeBlock v-else>
3731
<template #preview>
3832
<PUButton @click="show">
3933
show

0 commit comments

Comments
 (0)