mirror/vue-cli
1
0
Fork 0
mirror of https://github.com/vuejs/vue-cli.git synced 2026-01-26 17:19:08 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix: put actions buttons together, closes #1588

Browse Source
This commit is contained in:
Guillaume Chau
2018-08-31 19:41:11 +02:00
parent 51490c6ae1
commit 812159a345
8 changed files with 35 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/@vue/cli-ui/src/components/FileDiffView.vue
View File

@@ -67,6 +67,7 @@
/>
<VueButton
:label="$t('org.vue.components.file-diff-view.actions.refresh')"
icon-left="refresh"
class="big"
@click="refresh()"
/>
@@ -100,7 +101,7 @@
</VueFormField>
</div>
<div slot="footer" class="actions space-between">
<div slot="footer" class="actions center">
<VueButton
:label="$t('org.vue.components.file-diff-view.modals.commit.actions.cancel')"
class="flat"
@@ -273,4 +274,8 @@ export default {
height 0
overflow-x hidden
overflow-y auto
.actions-bar
.vue-ui-button
min-width 190px
</style>

2
packages/@vue/cli-ui/src/components/FolderExplorer.vue
View File

@@ -176,7 +176,7 @@
</VueFormField>
</div>
<div slot="footer" class="actions space-between">
<div slot="footer" class="actions end">
<VueButton
:label="$t('org.vue.components.folder-explorer.new-folder.cancel')"
class="flat close"

20
packages/@vue/cli-ui/src/components/NpmPackageSearch.vue
View File

@@ -49,7 +49,13 @@
</ais-index>
</div>
<div class="actions-bar no-padding-x space-between">
<div class="actions-bar no-padding-x">
<div class="algolia">
<img class="ais-logo" src="~@/assets/search-by-algolia.svg">
</div>
<div class="vue-ui-spacer"/>
<VueButton
icon-left="close"
:label="$t('org.vue.views.project-plugins-add.tabs.search.buttons.cancel')"
@@ -57,10 +63,6 @@
@click="close()"
/>
<div class="algolia">
<img class="ais-logo" src="~@/assets/search-by-algolia.svg">
</div>
<VueButton
icon-left="file_download"
:label="selectedIdModel ? $t('org.vue.views.project-plugins-add.tabs.search.buttons.install', { target: selectedIdModel }) : $t('org.vue.views.project-plugins-add.tabs.search.buttons.default-install')"
@@ -158,13 +160,9 @@ export default {
overflow hidden
.algolia
position absolute
margin 0 auto
top 0
left 0
width 100%
width 200px
height 100%
pointer-events none
margin-left $padding-item
h-box()
box-center()
</style>

6
packages/@vue/cli-ui/src/components/StepWizard.vue
View File

@@ -106,9 +106,9 @@ export default {
overflow-y auto
> .actions-bar
justify-content space-between
&.center
justify-content center
justify-content center
.vue-ui-button:not(.icon-button)
min-width 190px
.title
padding $padding-item

20
packages/@vue/cli-ui/src/views/ProjectConfigurationDetails.vue
View File

@@ -28,15 +28,7 @@
</div>
</template>
<div class="actions-bar space-between">
<VueButton
:disabled="!hasPromptsChanged"
icon-left="cancel"
class="big"
:label="$t('org.vue.views.project-configuration-details.actions.cancel')"
@click="cancel()"
/>
<div class="actions-bar">
<VueButton
v-if="configuration && configuration.link"
icon-right="open_in_new"
@@ -46,6 +38,16 @@
target="_blank"
/>
<div class="vue-ui-spacer"/>
<VueButton
:disabled="!hasPromptsChanged"
icon-left="cancel"
class="big"
:label="$t('org.vue.views.project-configuration-details.actions.cancel')"
@click="cancel()"
/>
<VueButton
v-if="configuration && !hasPromptsChanged"
icon-left="refresh"

8
packages/@vue/cli-ui/src/views/ProjectCreate.vue
View File

@@ -357,7 +357,7 @@
</VueFormField>
</div>
<div slot="footer" class="actions space-between">
<div slot="footer" class="actions end">
<VueButton
:label="$t('org.vue.views.project-create.tabs.presets.remote.cancel')"
class="flat"
@@ -385,7 +385,7 @@
{{ $t('org.vue.views.project-create.tabs.details.modal.body') }}
</div>
<div slot="footer" class="actions space-between">
<div slot="footer" class="actions end">
<VueButton
:label="$t('org.vue.views.project-create.tabs.details.modal.buttons.back')"
class="flat"
@@ -427,11 +427,9 @@
@click="showSavePreset = false"
/>
<div class="vue-ui-spacer"/>
<VueButton
:label="$t('org.vue.views.project-create.tabs.configuration.modal.buttons.continue')"
class="flat continue"
class="continue"
@click="createWithoutSaving()"
/>

2
packages/@vue/cli-ui/src/views/ProjectDependencies.vue
View File

@@ -116,7 +116,7 @@
{{ $t('org.vue.views.project-dependencies.uninstall.body', { id: selectedId }) }}
</div>
<div slot="footer" class="actions space-between">
<div slot="footer" class="actions end">
<VueButton
:label="$t('org.vue.views.project-dependencies.uninstall.cancel')"
class="flat"

5
packages/@vue/cli-ui/src/views/ProjectPluginsAdd.vue
View File

@@ -80,18 +80,15 @@
{{ $t('org.vue.views.project-plugins-add.modal.body', { target: pluginId }) }}
</div>
<div slot="footer" class="actions space-between">
<div slot="footer" class="actions end">
<VueButton
:label="$t('org.vue.views.project-plugins-add.modal.buttons.back')"
class="flat"
@click="showCancelInstall = false"
/>
<div class="vue-ui-spacer"/>
<VueButton
:label="$t('org.vue.views.project-plugins-add.modal.buttons.cancel')"
class="flat"
@click="cancelInstall()"
/>