remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

better action buttons desing

Browse Source
This commit is contained in:
Julien Calixte
2025-11-09 14:01:57 +01:00
parent 5989d7d678
commit 7b04ce8e0e
1 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/FleetingNotes.vue
View File

@@ -110,16 +110,16 @@ watch(mode, async (newMode) => {
:repo="repo" :repo="repo"
:content="content" :content="content"
> >
<h3 class="subtitle is-3">Inbox</h3> <h3 class="subtitle">Inbox</h3>
<div class="columns"> <div class="actions">
<div class="column" v-if="!hasTodayNote"> <button
<button class="btn btn-secondary" @click="toggleMode"> v-if="!hasTodayNote"
class="btn btn-secondary"
@click="toggleMode"
>
new fleeting note new fleeting note
</button> </button>
</div> <button class="btn btn-outline" @click="handleYouTube">YouTube</button>
<div class="column">
<button class="btn" @click="handleYouTube">YouTube</button>
</div>
</div> </div>
<div v-if="mode === 'edit'"> <div v-if="mode === 'edit'">
@@ -167,5 +167,12 @@ watch(mode, async (newMode) => {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.actions {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
}
} }
</style> </style>