swcs/mixtape
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new save button for forms

Browse Source
This commit is contained in:
Tobias Klika
2020-08-18 11:46:32 +02:00
parent 47b804b8d6
commit 280c7988a7
4 changed files with 87 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
zero.Web.UI/App/components/forms/form-header.vue
+6 -8
View File
@@ -4,14 +4,12 @@
<div v-if="activeToggle" class="ui-header-bar-toggle">
<ui-toggle v-model="value.isActive" class="is-primary" off-content="@ui.inactive" on-content="@ui.active" :content-left="true" />
</div>
<ui-dropdown v-if="!isCreate" align="right">
<template v-slot:button>
<ui-button type="white" label="@ui.actions" caret="down" />
</template>
<slot name="actions"></slot>
<ui-dropdown-button v-if="canDelete" label="@ui.delete" icon="fth-trash" @click="onDelete" :disabled="disabled" />
</ui-dropdown>
<ui-button :submit="true" label="@ui.save" :state="state" v-if="!disabled" />
<ui-context-button :state="state">
<div v-if="!isCreate">
<slot name="actions"></slot>
<ui-dropdown-button v-if="canDelete" label="@ui.delete" icon="fth-trash" @click="onDelete" :disabled="disabled" />
</div>
</ui-context-button>
</ui-header-bar>
</template>
zero.Web.UI/App/components/forms/toggle.vue
+2 -2
View File
@@ -124,12 +124,12 @@
&.is-active
{
background: var(--color-primary);
//background: var(--color-primary);
}
&.is-active i
{
background: var(--color-primary-fg);
//background: var(--color-primary-fg);
transform: translateX(14px);
}
}