Log buttons are just secondary actions

This commit is contained in:
Johannes Zellner
2025-09-22 11:09:41 +02:00
parent 4202452e70
commit 455116c86f
11 changed files with 16 additions and 16 deletions

View File

@@ -67,7 +67,7 @@ onMounted(async () => {
<template>
<div class="content" style="height: 100%; overflow: hidden; display: flex; flex-direction: column;">
<div class="content-large" style="height: 100%; overflow: hidden; display: flex; flex-direction: column;">
<!-- cant use Section component as we need control over vertical scrolling -->
<div class="section" style="overflow: hidden; display: flex; flex-direction: column;">
<h2 class="section-header">
@@ -75,11 +75,11 @@ onMounted(async () => {
<div>
<TextInput :placeholder="$t('main.searchPlaceholder')" style="flex-grow: 1;" v-model="search"/>
<MultiSelect v-model="types" :options="availableTypes" option-key="id" option-label="name" :selected-label="types.length ? $t('main.multiselect.selected', { n: types.length }) : $t('emails.typeFilterHeader')"/>
<Button tool secondary @click="onRefresh()" :loading="refreshBusy" icon="fa-solid fa-sync-alt" />
<Button href="/logs.html?id=mail" target="_blank">{{ $t('main.action.logs') }}</Button>
<Button tool @click="onRefresh()" :loading="refreshBusy" icon="fa-solid fa-sync-alt" />
<Button tool secondary href="/logs.html?id=mail" target="_blank">{{ $t('main.action.logs') }}</Button>
</div>
</h2>
<div class="section-body" style="overflow: auto; padding-top: 0" @scroll="onScroll">
<div class="section-body" style="margin-top: 16px; overflow: auto; padding-top: 0" @scroll="onScroll">
<table class="eventlog-table">
<thead>
<tr>