change hover icons for sidebar, change title for sidebar

main
HerrHase 2 years ago
parent 8c717c60de
commit 272dd2d4b0

@ -3,7 +3,7 @@
<div class="sidebar__inner"> <div class="sidebar__inner">
<!-- header --> <!-- header -->
<tiny-sidebar-form-header title="New" close={ (event) => { handleClose(event) }}></tiny-sidebar-form-header> <tiny-sidebar-form-header title="{ state.current._id ? 'Edit ' + state.current.name : 'New' }" close={ (event) => { handleClose(event) }}></tiny-sidebar-form-header>
<div class="sidebar__form"> <div class="sidebar__form">
@ -327,7 +327,7 @@
}, },
/** /**
* *
* *
*/ */
handleDelete() { handleDelete() {

@ -1,12 +1,12 @@
<tiny-sidebar-form-footer> <tiny-sidebar-form-footer>
<div class="sidebar__footer"> <div class="sidebar__footer">
<button class="button button--danger m-bottom-0" disabled={ props.loading } type="button" if={ props.id } onclick={ () => { props.handleDelete() }}> <button class="button button--danger button--hover-icon-contrast m-bottom-0" disabled={ props.loading } type="button" if={ props.id } onclick={ () => { props.handleDelete() }}>
Delete Delete
<svg class="icon fill-danger p-left-3" aria-hidden="true"> <svg class="icon fill-danger p-left-3" aria-hidden="true">
<use xlink:href="symbol-defs.svg#icon-delete"></use> <use xlink:href="symbol-defs.svg#icon-delete"></use>
</svg> </svg>
</button> </button>
<button class="button m-bottom-0" type="submit" disabled={ props.loading }> <button class="button button--hover-icon-contrast m-bottom-0" type="submit" disabled={ props.loading }>
Save Save
<svg class="icon fill-success p-left-3" aria-hidden="true"> <svg class="icon fill-success p-left-3" aria-hidden="true">
<use xlink:href="symbol-defs.svg#icon-check"></use> <use xlink:href="symbol-defs.svg#icon-check"></use>

Loading…
Cancel
Save