scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-02-03 13:41:12 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix margin between toolbar buttons [SCI-8479]

Browse source
This commit is contained in:
Martin Artnik 2023-05-18 11:58:45 +02:00
parent 05391ba632
commit f6d782392c
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/javascript/vue/components/action_toolbar.vue
View file

@ -1,10 +1,10 @@
<template> <template>
<div v-if="loading || actions.length" class="sn-action-toolbar p-4 w-full fixed bottom-0 rounded-t-md shadow-[0_-12px_24px_-12px_rgba(35,31,32,0.2)]" :style="`width: ${width}px; bottom: ${bottom}px;`"> <div v-if="loading || actions.length" class="sn-action-toolbar p-4 w-full fixed bottom-0 rounded-t-md shadow-[0_-12px_24px_-12px_rgba(35,31,32,0.2)]" :style="`width: ${width}px; bottom: ${bottom}px;`">
<div class="sn-action-toolbar__actions flex"> <div class="sn-action-toolbar__actions flex">
<div v-if="loading && !actions.length" class="sn-action-toolbar__action"> <div v-if="loading && !actions.length" class="sn-action-toolbar__action mr-1.5">
<a class="btn btn-light"></a> <a class="btn btn-light"></a>
</div> </div>
<div v-for="action in actions" :key="action.name" class="sn-action-toolbar__action"> <div v-for="action in actions" :key="action.name" class="sn-action-toolbar__action mr-1.5">
<a :class="`btn btn-light ${action.button_class}`" <a :class="`btn btn-light ${action.button_class}`"
:href="(['link', 'remote-modal']).includes(action.type) ? action.path : '#'" :href="(['link', 'remote-modal']).includes(action.type) ? action.path : '#'"
:id="action.button_id" :id="action.button_id"