|
2 | 2 | <div class="tw-flex tw-relative tw-text-nowrap tw-whitespace-nowrap tw-p-3"> |
3 | 3 | <div |
4 | 4 | v-if="optionsModel.length" |
5 | | - class="tw-overflow-hidden tw-text-ellipsis" |
6 | | - > |
| 5 | + class="tw-overflow-hidden tw-text-ellipsis"> |
7 | 6 | <a |
8 | 7 | v-if="href !== null" |
9 | | - class="hover:tw-text-blue-400 tw-text-gray-500" |
10 | | - :href="href(optionsModel[0])" |
11 | | - > |
| 8 | + class="hover:tw-text-blue-400 tw-text-inherit tw-no-underline" |
| 9 | + :href="href(optionsModel[0])"> |
12 | 10 | {{ getValueOption(optionsModel[0], 0) }} |
13 | 11 | </a> |
14 | 12 | <span |
15 | 13 | v-else |
16 | | - class="hover:tw-text-blue-400 tw-text-gray-500 hover:tw-cursor-pointer" |
| 14 | + class="hover:tw-text-blue-400 tw-text-inherit tw-no-underline hover:tw-cursor-pointer" |
17 | 15 | href="#" |
18 | | - @click.prevent.stop="onClickOption(optionsModel[0], 0)" |
19 | | - > |
| 16 | + @click.prevent.stop="onClickOption(optionsModel[0], 0)"> |
20 | 17 | {{ getValueOption(optionsModel[0], 0) }} |
21 | 18 | </span> |
22 | 19 | </div> |
|
25 | 22 | v-model="show" |
26 | 23 | :hover="false" |
27 | 24 | position="bottom" |
28 | | - class="!tw-absolute tw-right-0 tw-top-0 tw-h-full tw-flex tw-items-center" |
29 | | - > |
| 25 | + class="!tw-absolute tw-right-0 tw-top-0 tw-h-full tw-flex tw-items-center"> |
30 | 26 | <div |
31 | 27 | class="tw-self-center tw-px-2 tw-rounded-md hover:tw-cursor-pointer hover:tw-bg-gray-200 tw-bg-white " |
32 | | - @click.prevent="onClick" |
33 | | - > |
| 28 | + @click.prevent="onClick"> |
34 | 29 | <i class="fas fa-ellipsis-v" /> |
35 | 30 | </div> |
36 | 31 | <template #content> |
37 | 32 | <ul |
38 | | - class="tw-bg-white tw-list-none tw-text-gray-600 |
39 | | - tw-overflow-hidden tw-rounded-lg tw-w-50 tw-text-sm tw-border tw-border-gray-300" |
40 | | - > |
| 33 | + class="tw-bg-white tw-list-none |
| 34 | + tw-overflow-hidden tw-rounded-lg tw-w-50 tw-text-sm tw-border tw-border-gray-300"> |
41 | 35 | <template v-for="(option, index) in optionsModel"> |
42 | 36 | <li |
43 | 37 | v-if="index > 0" |
44 | 38 | :key="index" |
45 | | - class="hover:tw-bg-gray-100" |
46 | | - > |
| 39 | + class="hover:tw-bg-gray-100"> |
47 | 40 | <a |
48 | 41 | v-if="href !== null" |
49 | | - class="tw-flex tw-py-2 tw-px-4 transition duration-300 tw-text-gray-500 hover:tw-bg-gray-200 hover:tw-text-blue-400" |
50 | | - :href="href(option)" |
51 | | - > |
| 42 | + class="tw-flex tw-py-2 tw-px-4 transition duration-300 |
| 43 | + hover:tw-bg-gray-200 hover:tw-text-blue-400" |
| 44 | + :href="href(option)"> |
52 | 45 | {{ getValueOption(option, index) }} |
53 | 46 | </a> |
54 | 47 | <span |
55 | 48 | v-else |
56 | 49 | class="tw-flex tw-py-2 tw-px-4 transition duration-300 hover:tw-bg-gray-200 hover:tw-cursor-pointer" |
57 | | - @click.prevent.stop="onClickOption(option, index)" |
58 | | - > |
| 50 | + @click.prevent.stop="onClickOption(option, index)"> |
59 | 51 | {{ getValueOption(option, index) }} |
60 | 52 | </span> |
61 | 53 | </li> |
|
0 commit comments