Fix svelte 4 components to fit into requirements

This commit is contained in:
kwaroran
2024-10-22 22:06:20 +09:00
parent 00b4195ca0
commit 8e1d014f6e
9 changed files with 41 additions and 27 deletions

View File

@@ -530,6 +530,7 @@
<div class="w-full max-w-full border border-selected p-2 rounded-md">
<table class="w-full max-w-full tabler">
<tbody>
<tr>
<th class="font-medium w-1/3">{language.image}</th>
<th class="font-medium w-1/2">{language.emotion}</th>
@@ -556,6 +557,7 @@
</tr>
{/each}
{/if}
</tbody>
</table>
</div>
@@ -618,6 +620,7 @@
<div class="w-full max-w-full border border-selected rounded-md p-2">
<table class="w-full max-w-full tabler mt-2">
<tbody>
<tr>
<th class="font-medium w-1/2">Bias</th>
<th class="font-medium w-1/3">{language.value}</th>
@@ -655,6 +658,7 @@
</td>
</tr>
{/each}
</tbody>
</table>
@@ -1015,6 +1019,7 @@
<span class="text-textcolor mt-2">{language.altGreet}</span>
<div class="w-full max-w-full border border-selected rounded-md p-2">
<table class="contain w-full max-w-full tabler mt-2">
<tbody>
<tr>
<th class="font-medium">{language.value}</th>
<th class="font-medium cursor-pointer w-10">
@@ -1053,12 +1058,14 @@
</th>
</tr>
{/each}
</tbody>
</table>
</div>
<Arcodion styled name={language.additionalAssets} help="additionalAssets">
<div class="w-full max-w-full border border-selected rounded-md p-2">
<table class="contain w-full max-w-full tabler mt-2">
<tbody>
<tr>
<th class="font-medium">{language.value}</th>
<th class="font-medium cursor-pointer w-10">
@@ -1119,6 +1126,7 @@
</tr>
{/each}
{/if}
</tbody>
</table>
</div>
</Arcodion>

View File

@@ -100,7 +100,7 @@
<span>{chat.name}</span>
{/if}
<div class="flex-grow flex justify-end">
<button class="text-textcolor2 hover:text-green-500 mr-1 cursor-pointer" on:click={async () => {
<div class="text-textcolor2 hover:text-green-500 mr-1 cursor-pointer" on:click={async () => {
const option = await alertChatOptions()
switch(option){
case 0:{
@@ -140,19 +140,19 @@
}
}}>
<MenuIcon size={18}/>
</button>
<button class="text-textcolor2 hover:text-green-500 mr-1 cursor-pointer" on:click={() => {
</div>
<div class="text-textcolor2 hover:text-green-500 mr-1 cursor-pointer" on:click={() => {
editMode = !editMode
}}>
<PencilIcon size={18}/>
</button>
<button class="text-textcolor2 hover:text-green-500 mr-1 cursor-pointer" on:click={async (e) => {
</div>
<div class="text-textcolor2 hover:text-green-500 mr-1 cursor-pointer" on:click={async (e) => {
e.stopPropagation()
exportChat(i)
}}>
<DownloadIcon size={18}/>
</button>
<button class="text-textcolor2 hover:text-green-500 cursor-pointer" on:click={async (e) => {
</div>
<div class="text-textcolor2 hover:text-green-500 cursor-pointer" on:click={async (e) => {
e.stopPropagation()
if(chara.chats.length === 1){
alertError(language.errors.onlyOneChat)
@@ -168,7 +168,7 @@
}
}}>
<TrashIcon size={18}/>
</button>
</div>
</div>
</button>
{/each}