mirror of
https://github.com/lana-k/sqliteviz.git
synced 2025-12-07 02:28:54 +08:00
migrate to vite
This commit is contained in:
@@ -7,12 +7,12 @@
|
||||
<img
|
||||
v-show="checked && !disabled"
|
||||
:src="theme === 'light'
|
||||
? require('@/assets/images/checkbox_checked_light.svg')
|
||||
: require('@/assets/images/checkbox_checked.svg')"
|
||||
? '~@/assets/images/checkbox_checked_light.svg'
|
||||
: '~@/assets/images/checkbox_checked.svg'"
|
||||
/>
|
||||
<img
|
||||
v-show="checked && disabled"
|
||||
:src="require('@/assets/images/checkbox_checked_disabled.svg')"
|
||||
src="~@/assets/images/checkbox_checked_disabled.svg"
|
||||
/>
|
||||
<span v-if="label" class="label">{{ label }}</span>
|
||||
</div>
|
||||
|
||||
@@ -16,11 +16,11 @@
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="type === 'illustrated'" id="img-container">
|
||||
<img id="drop-file-top-img" :src="require('@/assets/images/top.svg')" />
|
||||
<img id="drop-file-top-img" src="~@/assets/images/top.svg" />
|
||||
<img
|
||||
id="left-arm-img"
|
||||
:class="{'swing': state === 'dragover'}"
|
||||
:src="require('@/assets/images/leftArm.svg')"
|
||||
src="~@/assets/images/leftArm.svg"
|
||||
/>
|
||||
<img
|
||||
id="file-img"
|
||||
@@ -30,14 +30,14 @@
|
||||
'fly': state === 'dropping',
|
||||
'hidden': state === 'dropped'
|
||||
}"
|
||||
:src="require('@/assets/images/file.png')"
|
||||
src="~@/assets/images/file.png"
|
||||
/>
|
||||
<img id="drop-file-bottom-img" :src="require('@/assets/images/bottom.svg')" />
|
||||
<img id="body-img" :src="require('@/assets/images/body.svg')" />
|
||||
<img id="drop-file-bottom-img" src="~@/assets/images/bottom.svg" />
|
||||
<img id="body-img" src="~@/assets/images/body.svg" />
|
||||
<img
|
||||
id="right-arm-img"
|
||||
:class="{'swing': state === 'dragover'}"
|
||||
:src="require('@/assets/images/rightArm.svg')"
|
||||
src="~@/assets/images/rightArm.svg"
|
||||
/>
|
||||
</div>
|
||||
<div id="error" class="error"></div>
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
{{ loadingMsg }}
|
||||
</div>
|
||||
<div v-else class="loading-dialog-body">
|
||||
<img :src="require('@/assets/images/success.svg')" class="success-icon state-icon" />
|
||||
<img src="~@/assets/images/success.svg" class="success-icon state-icon" />
|
||||
{{ successMsg }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
<template>
|
||||
<div class="logs-container" ref="logsContainer">
|
||||
<div v-for="(msg, index) in messages" :key="index" class="msg">
|
||||
<img v-if="msg.type === 'error'" :src="require('@/assets/images/error.svg')">
|
||||
<img v-if="msg.type === 'info'" :src="require('@/assets/images/info.svg')" width="20px">
|
||||
<img v-if="msg.type === 'success'" :src="require('@/assets/images/success.svg')">
|
||||
<img v-if="msg.type === 'error'" src="~@/assets/images/error.svg">
|
||||
<img v-if="msg.type === 'info'" src="~@/assets/images/info.svg" width="20px">
|
||||
<img v-if="msg.type === 'success'" src="~@/assets/images/success.svg">
|
||||
<loading-indicator v-if="msg.type === 'loading'" :progress="msg.progress" />
|
||||
<span class="msg-text">{{ serializeMessage(msg) }}</span>
|
||||
</div>
|
||||
|
||||
@@ -39,7 +39,7 @@
|
||||
>
|
||||
<img
|
||||
class="direction-icon"
|
||||
:src="require('@/assets/images/chevron.svg')"
|
||||
src="~@/assets/images/chevron.svg"
|
||||
:style="directionBeforeIconStyle"
|
||||
>
|
||||
</div>
|
||||
@@ -50,7 +50,7 @@
|
||||
>
|
||||
<img
|
||||
class="direction-icon"
|
||||
:src="require('@/assets/images/chevron.svg')"
|
||||
src="~@/assets/images/chevron.svg"
|
||||
:style="directionAfterIconStyle"
|
||||
>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user