thm
/
upend
1
0
Fork 0
Code Issues 75 Pull Requests Packages Projects Releases 6 Wiki Activity

fix native open button, button align

feat/vaults
Tomáš Mládek 2022-01-03 22:31:51 +01:00
parent 5ff91af98e
commit 4d413dde80
No known key found for this signature in database
GPG Key ID: ED21612889E75EC5
2 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ui/src/components/display/UpObject.svelte
View File

@ -7,7 +7,7 @@
import { useEntity } from "../../lib/entity"; import { useEntity } from "../../lib/entity";
import { readable } from "svelte/store"; import { readable } from "svelte/store";
import { notify, UpNotification } from "../../notifications"; import { notify, UpNotification } from "../../notifications";
import IconButton from "../utils/IconButton.svelte"; import IconButton from "../utils/IconButton.svelte";
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
export let address: string; export let address: string;
@ -88,11 +88,13 @@ import IconButton from "../utils/IconButton.svelte";
{/if} {/if}
</div> </div>
{#if banner && isFile} {#if banner && isFile}
<IconButton <div class="icon">
name="arrow-up-right-circle" <IconButton
on:click={nativeOpen} name="window-open"
title="Open in default application..." on:click={nativeOpen}
/> title="Open in default application..."
/>
</div>
{/if} {/if}
</div> </div>
@ -131,6 +133,10 @@ import IconButton from "../utils/IconButton.svelte";
width: 0.5em; width: 0.5em;
} }
.icon {
margin: 0 .25em;
}
.resolving { .resolving {
opacity: 0.7; opacity: 0.7;
} }

3
ui/src/components/utils/IconButton.svelte
View File

@ -19,6 +19,9 @@
color: inherit; color: inherit;
opacity: 0.66; opacity: 0.66;
display: flex;
align-items: center;
transition: opacity 0.2s, color 0.2s; transition: opacity 0.2s, color 0.2s;
} }