chore(app): added button for manual migration info card toggle

This commit is contained in:
2025-12-12 18:24:51 +01:00
parent 1cd93f09c4
commit 645a70ef9c
5 changed files with 42 additions and 6 deletions
+19
View File
@@ -13,6 +13,15 @@
</div>
<div class="topbar-links">
<button
class="btn--image migrate-info-button"
@click="toggleMigrateInfoCard(true)"
data-tooltip-type="HtmlTooltip"
:data-tooltip-content="`<b>${$t('migrate-info.tooltip-content')}</b>`"
>
<img :src="`/images/icon-alert-triangle.svg`" alt="show migrate info card" />
</button>
<button
class="btn--image lang-button"
@click="toggleLocales()"
@@ -110,6 +119,10 @@ export default defineComponent({
this.isDonationCardOpen = value;
},
toggleMigrateInfoCard(value: boolean) {
this.mainStore.isMigrateInfoCardOpen = value;
},
toggleLocales() {
this.mainStore.changeLocale(this.mainStore.currentLocale == 'pl' ? 'en' : 'pl');
}
@@ -138,6 +151,7 @@ export default defineComponent({
display: flex;
gap: 0.5em;
justify-content: space-between;
overflow-x: auto;
position: relative;
margin-bottom: 0.5em;
@@ -170,6 +184,11 @@ button.lang-button {
background-color: #111;
}
button.migrate-info-button {
padding: 0 0.5em;
background-color: var(--clr-primary);
}
a.pojazdownik-link {
background-color: #1f263b;