[feat] round icons
This commit is contained in:
@@ -397,6 +397,11 @@
|
||||
<span>{language.SwipeRegenerate}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center mt-2">
|
||||
<Check bind:check={$DataBase.roundIcons}/>
|
||||
<span>{language.roundIcons}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center mt-2">
|
||||
<Check bind:check={$DataBase.instantRemove}/>
|
||||
<span>{language.instantRemove}</span>
|
||||
|
||||
@@ -1,4 +1,6 @@
|
||||
<script lang="ts">
|
||||
import { DataBase } from "src/ts/database";
|
||||
|
||||
export let src:string|Promise<string>;
|
||||
export let size = "22";
|
||||
</script>
|
||||
@@ -11,6 +13,7 @@
|
||||
style:width={size + "px"}
|
||||
style:height={size + "px"}
|
||||
style:minWidth={size + "px"}
|
||||
class:rounded-md={!$DataBase.roundIcons} class:rounded-full={$DataBase.roundIcons}
|
||||
/>
|
||||
{:then img}
|
||||
<img
|
||||
@@ -19,6 +22,7 @@
|
||||
style:width={size + "px"}
|
||||
style:height={size + "px"}
|
||||
style:minWidth={size + "px"}
|
||||
class:rounded-md={!$DataBase.roundIcons} class:rounded-full={$DataBase.roundIcons}
|
||||
alt="avatar"
|
||||
/>
|
||||
{/await}
|
||||
@@ -28,6 +32,7 @@
|
||||
style:width={size + "px"}
|
||||
style:height={size + "px"}
|
||||
style:minWidth={size + "px"}
|
||||
class:rounded-md={!$DataBase.roundIcons} class:rounded-full={$DataBase.roundIcons}
|
||||
/>
|
||||
{/if}
|
||||
</span>
|
||||
|
||||
Reference in New Issue
Block a user