Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings
This repository was archived by the owner on Jun 27, 2024. It is now read-only.

Commit 86127d5

Browse files
Merge pull request #3 from protonemedia/heroicons
2 parents dd3f6b9 + 9bd7510 commit 86127d5

File tree

9 files changed

+7698
-38283
lines changed

9 files changed

+7698
-38283
lines changed

‎js/Components/ButtonWithDropdown.vue‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
<script>
2-
import OnClickOutside from "./OnClickOutside.vue";
32
import { createPopper } from "@popperjs/core/lib/popper-lite";
43
import preventOverflow from "@popperjs/core/lib/modifiers/preventOverflow";
54
import flip from "@popperjs/core/lib/modifiers/flip";
@@ -25,10 +24,6 @@ export default {
2524
},
2625
},
2726
28-
components: {
29-
OnClickOutside,
30-
},
31-
3227
data() {
3328
return {
3429
opened: false,
@@ -53,6 +48,10 @@ export default {
5348
},
5449
5550
mounted() {
51+
if (!this.$refs.button || !this.$refs.tooltip) {
52+
return;
53+
}
54+
5655
this.popper = createPopper(this.$refs.button, this.$refs.tooltip, {
5756
placement: this.placement,
5857
modifiers: [flip, preventOverflow],

‎js/Tailwind2/Pagination.vue‎

Lines changed: 24 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,18 @@
3838
class="relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
3939
>
4040
<span class="sr-only">Previous</span>
41-
<ChevronLeftIcon class="h-5 w-5" />
41+
<svg
42+
xmlns="http://www.w3.org/2000/svg"
43+
class="h-5 w-5"
44+
viewBox="0 0 20 20"
45+
fill="currentColor"
46+
>
47+
<path
48+
fill-rule="evenodd"
49+
d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
50+
clip-rule="evenodd"
51+
/>
52+
</svg>
4253
</component>
4354

4455
<div v-for="(link, key) in meta.links" :key="key">
@@ -59,7 +70,18 @@
5970
class="relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
6071
>
6172
<span class="sr-only">Next</span>
62-
<ChevronRightIcon class="h-5 w-5" />
73+
<svg
74+
xmlns="http://www.w3.org/2000/svg"
75+
class="h-5 w-5"
76+
viewBox="0 0 20 20"
77+
fill="currentColor"
78+
>
79+
<path
80+
fill-rule="evenodd"
81+
d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
82+
clip-rule="evenodd"
83+
/>
84+
</svg>
6385
</component>
6486
</nav>
6587
</div>
@@ -68,15 +90,9 @@
6890
</template>
6991

7092
<script>
71-
import { ChevronLeftIcon, ChevronRightIcon } from "@vue-hero-icons/solid";
7293
import Pagination from "./../Components/Pagination.vue";
7394
7495
export default {
7596
mixins: [Pagination],
76-
77-
components: {
78-
ChevronLeftIcon,
79-
ChevronRightIcon,
80-
},
8197
};
8298
</script>

‎js/Tailwind2/TableAddSearchRow.vue‎

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,20 @@
11
<template>
22
<ButtonWithDropdown ref="dropdown" :disabled="!rowsLeft" class="w-auto">
33
<template #button>
4-
<PlusCircleIcon class="h-5 w-5 mr-2 text-gray-400" />
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
6+
class="h-5 w-5 mr-2 text-gray-400"
7+
fill="none"
8+
viewBox="0 0 24 24"
9+
stroke="currentColor"
10+
>
11+
<path
12+
stroke-linecap="round"
13+
stroke-linejoin="round"
14+
stroke-width="2"
15+
d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
16+
/>
17+
</svg>
518
<span>Filter</span>
619
</template>
720

@@ -24,15 +37,13 @@
2437
import ButtonWithDropdown from "./ButtonWithDropdown.vue";
2538
import OnClickOutside from "./../Components/OnClickOutside.vue";
2639
import TableAddSearchRow from "./../Components/TableAddSearchRow.vue";
27-
import { PlusCircleIcon } from "@vue-hero-icons/outline";
2840
2941
export default {
3042
mixins: [TableAddSearchRow],
3143
3244
components: {
3345
ButtonWithDropdown,
3446
OnClickOutside,
35-
PlusCircleIcon,
3647
},
3748
};
3849
</script>

‎js/Tailwind2/TableColumns.vue‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,17 @@
11
<template>
22
<ButtonWithDropdown placement="bottom-end" :active="hasDisabledFilter">
33
<template #button>
4-
<DotsVerticalIcon
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
56
class="h-5 w-5"
67
:class="{'text-gray-400': !hasDisabledFilter, 'text-green-400': hasDisabledFilter}"
7-
/>
8+
viewBox="0 0 20 20"
9+
fill="currentColor"
10+
>
11+
<path
12+
d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"
13+
/>
14+
</svg>
815
</template>
916

1017
<div role="menu" aria-orientation="vertical" aria-labelledby="sort-menu">
@@ -47,14 +54,12 @@
4754
<script>
4855
import ButtonWithDropdown from "./ButtonWithDropdown.vue";
4956
import TableColumns from "./../Components/TableColumns.vue";
50-
import { DotsVerticalIcon } from "@vue-hero-icons/solid";
5157
5258
export default {
5359
mixins: [TableColumns],
5460
5561
components: {
5662
ButtonWithDropdown,
57-
DotsVerticalIcon,
5863
},
5964
};
6065
</script>

‎js/Tailwind2/TableFilter.vue‎

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,19 @@
11
<template>
22
<ButtonWithDropdown placement="bottom-end" :active="hasEnabledFilter">
33
<template #button>
4-
<FilterIcon
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
56
class="h-5 w-5"
67
:class="{'text-gray-400': !hasEnabledFilter, 'text-green-400': hasEnabledFilter}"
7-
/>
8+
viewBox="0 0 20 20"
9+
fill="currentColor"
10+
>
11+
<path
12+
fill-rule="evenodd"
13+
d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z"
14+
clip-rule="evenodd"
15+
/>
16+
</svg>
817
</template>
918

1019
<div role="menu" aria-orientation="vertical" aria-labelledby="sort-menu">
@@ -27,14 +36,12 @@
2736
<script>
2837
import ButtonWithDropdown from "./ButtonWithDropdown.vue";
2938
import TableFilter from "./../Components/TableFilter.vue";
30-
import { FilterIcon } from "@vue-hero-icons/solid";
3139
3240
export default {
3341
mixins: [TableFilter],
3442
3543
components: {
3644
ButtonWithDropdown,
37-
FilterIcon,
3845
},
3946
};
4047
</script>

‎js/Tailwind2/TableGlobalSearch.vue‎

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,20 +8,26 @@
88
@input="onChange($event.target.value)"
99
/>
1010
<div class="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
11-
<SearchIcon class="h-5 w-5 text-gray-400" />
11+
<svg
12+
xmlns="http://www.w3.org/2000/svg"
13+
class="h-5 w-5 text-gray-400"
14+
viewBox="0 0 20 20"
15+
fill="currentColor"
16+
>
17+
<path
18+
fill-rule="evenodd"
19+
d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
20+
clip-rule="evenodd"
21+
/>
22+
</svg>
1223
</div>
1324
</div>
1425
</template>
1526

1627
<script>
1728
import TableGlobalSearch from "./../Components/TableGlobalSearch.vue";
18-
import { SearchIcon } from "@vue-hero-icons/solid";
1929
2030
export default {
2131
mixins: [TableGlobalSearch],
22-
23-
components: {
24-
SearchIcon,
25-
},
2632
};
2733
</script>

‎js/Tailwind2/TableSearchRows.vue‎

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,20 @@
2626
class="rounded-md text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
2727
>
2828
<span class="sr-only">Remove search</span>
29-
<XIcon class="h-5 w-5" />
29+
<svg
30+
xmlns="http://www.w3.org/2000/svg"
31+
class="h-5 w-5"
32+
fill="none"
33+
viewBox="0 0 24 24"
34+
stroke="currentColor"
35+
>
36+
<path
37+
stroke-linecap="round"
38+
stroke-linejoin="round"
39+
stroke-width="2"
40+
d="M6 18L18 6M6 6l12 12"
41+
/>
42+
</svg>
3043
</button>
3144
</div>
3245
</div>
@@ -38,13 +51,8 @@
3851

3952
<script>
4053
import TableSearchRows from "./../Components/TableSearchRows.vue";
41-
import { XIcon } from "@vue-hero-icons/outline";
4254
4355
export default {
4456
mixins: [TableSearchRows],
45-
46-
components: {
47-
XIcon,
48-
},
4957
};
5058
</script>

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /