This commit is contained in:
ThatOneCalculator 2023-07-11 19:20:58 -07:00
parent bd5bf012d4
commit d9113cc62c
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
5 changed files with 27 additions and 28 deletions

View File

@ -3,28 +3,27 @@
<VueDraggable
v-model="_files"
class="files"
item-key="id"
animation="150"
delay="100"
delay-on-touch-only="true"
>
<template #item="{ element }">
<div
class="file"
@click="showFileMenu(element, $event)"
@contextmenu.prevent="showFileMenu(element, $event)"
>
<MkDriveFileThumbnail
:data-id="element.id"
class="thumbnail"
:file="element"
fit="cover"
/>
<div v-if="element.isSensitive" class="sensitive">
<i class="ph-warning ph-bold ph-lg icon"></i>
</div>
<div
class="file"
v-for="element in _files"
:key="element.id"
@click="showFileMenu(element, $event)"
@contextmenu.prevent="showFileMenu(element, $event)"
>
<MkDriveFileThumbnail
:data-id="element.id"
class="thumbnail"
:file="element"
fit="cover"
/>
<div v-if="element.isSensitive" class="sensitive">
<i class="ph-warning ph-bold ph-lg icon"></i>
</div>
</template>
</div>
</VueDraggable>
<p class="remain">{{ 16 - files.length }}/16</p>
</div>

View File

@ -30,11 +30,13 @@
</header>
<VueDraggable
v-model="widgets_"
item-key="id"
handle=".handle"
animation="150"
>
<template #item="{ element }">
<div
v-for="element in widgets_"
:key="element.id"
>
<div class="customize-container">
<button
class="config _button"
@ -58,7 +60,7 @@
/>
</div>
</div>
</template>
</div>
</VueDraggable>
</template>
<component

View File

@ -2,21 +2,20 @@
<VueDraggable
v-model="blocks"
tag="div"
item-key="id"
handle=".drag-handle"
:group="{ name: 'blocks' }"
animation="150"
swap-threshold="0.5"
>
<template #item="{ element }">
<component
v-for="element in blocks"
:key="element"
:is="'x-' + element.type"
:value="element"
:hpml="hpml"
@update:value="updateItem"
@remove="() => removeItem(element)"
/>
</template>
</VueDraggable>
</template>

View File

@ -123,14 +123,14 @@
v-model="variables"
tag="div"
class="variables"
item-key="name"
handle=".drag-handle"
:group="{ name: 'variables' }"
animation="150"
swap-threshold="0.5"
>
<template #item="{ element }">
<XVariable
v-for="element in variables"
:key="element.name"
:model-value="element"
:removable="true"
:hpml="hpml"
@ -139,7 +139,6 @@
:draggable="true"
@remove="() => removeVariable(element)"
/>
</template>
</VueDraggable>
<MkButton

View File

@ -18,7 +18,7 @@
@end="save"
delay-on-touch-only="true"
>
<button
<div
v-for="item in reactions"
:key="item"
class="_button item"
@ -29,7 +29,7 @@
style="height: 1.7em"
class="emoji"
/>
</button>
</div>
<template #footer>
<button class="_button add" @click="chooseEmoji">
<i class="ph-plus ph-bold ph-lg"></i>