[ui] show edit mode
parent
64d15f7231
commit
a9e60d4722
|
@ -17,9 +17,13 @@
|
|||
}
|
||||
</script>
|
||||
|
||||
<div class="view">
|
||||
<div class="view" class:editable>
|
||||
<header>
|
||||
<IconButton name="pencil" on:click={() => (editable = !editable)} />
|
||||
<IconButton
|
||||
name="pencil"
|
||||
on:click={() => (editable = !editable)}
|
||||
active={editable}
|
||||
/>
|
||||
<IconButton name="bookmark" on:click={() => visit()} disabled={only} />
|
||||
<IconButton
|
||||
name="x-circle"
|
||||
|
@ -44,6 +48,10 @@
|
|||
border-radius: 0.5em;
|
||||
padding: 1rem;
|
||||
|
||||
&.editable {
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
header {
|
||||
font-size: 20px;
|
||||
position: relative;
|
||||
|
|
Loading…
Reference in New Issue