|
|
@ -45,31 +45,32 @@ tag app-home |
|
|
|
|
|
|
|
<self> |
|
|
|
css w:100% d:flex fld:column ofy:hidden gap:20px |
|
|
|
<.header> |
|
|
|
css |
|
|
|
d:hcl filter:grayscale(80%) |
|
|
|
> input |
|
|
|
h:34px px:20px |
|
|
|
fs:14px |
|
|
|
bd:1px solid $input-bc |
|
|
|
outline:none rd:5px |
|
|
|
bg:$input-bg c:$text-c |
|
|
|
caret-color:$input-caret-c |
|
|
|
<[c:$button-c] @click=delete_link!> "⨯" |
|
|
|
<input$link-input-title[ml:17px bdr:0 rdr:0] |
|
|
|
disabled=state.loading |
|
|
|
@blur=blur |
|
|
|
placeholder="title" |
|
|
|
@keydown.enter.stop=edd_link! |
|
|
|
value=api.selected_link.title |
|
|
|
> |
|
|
|
<input$link-input-url[bdl:0 rdl:0 w:380px] |
|
|
|
disabled=state.loading |
|
|
|
@blur=blur |
|
|
|
placeholder="url" |
|
|
|
@keydown.enter.stop=edd_link! |
|
|
|
value=api.selected_link.url |
|
|
|
> |
|
|
|
unless state.active_bang |
|
|
|
<.header> |
|
|
|
css |
|
|
|
d:hcl filter:grayscale(80%) |
|
|
|
> input |
|
|
|
h:34px px:20px |
|
|
|
fs:14px |
|
|
|
bd:1px solid $input-bc |
|
|
|
outline:none rd:5px |
|
|
|
bg:$input-bg c:$text-c |
|
|
|
caret-color:$input-caret-c |
|
|
|
<[c:$button-c] @click=delete_link!> "⨯" |
|
|
|
<input$link-input-title[ml:17px bdr:0 rdr:0] |
|
|
|
disabled=state.loading |
|
|
|
@blur=blur |
|
|
|
placeholder="title" |
|
|
|
@keydown.enter.stop=edd_link! |
|
|
|
value=api.selected_link.title |
|
|
|
> |
|
|
|
<input$link-input-url[bdl:0 rdl:0 w:380px] |
|
|
|
disabled=state.loading |
|
|
|
@blur=blur |
|
|
|
placeholder="url" |
|
|
|
@keydown.enter.stop=edd_link! |
|
|
|
value=api.selected_link.url |
|
|
|
> |
|
|
|
|
|
|
|
<.header> |
|
|
|
css |
|
|
|