add .is-disabled

This commit is contained in:
Thomas Willems
2024-01-28 11:14:17 +01:00
committed by Philip H
parent 76c713499d
commit 19c83de975
3 changed files with 4 additions and 9 deletions

View File

@@ -1371,11 +1371,6 @@ video {
transition-duration: 150ms;
}
.disabled-link {
opacity: 0.25;
cursor: default;
}
.duration-200 {
transition-duration: 200ms;
}
@@ -1392,7 +1387,7 @@ video {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.inactive {
.is-disabled {
opacity: 0.25;
cursor: default;
}

View File

@@ -258,7 +258,7 @@
class="align-middle bg-gray-100 dark:bg-neutral-600 dark:text-neutral-300 p-2 rounded transition"
:class="{
'hover:bg-red-800 dark:hover:bg-red-800 hover:text-white dark:hover:text-white': client.downloadableConfig,
'opacity-25': !client.downloadableConfig
'is-disabled': !client.downloadableConfig
}"
:title="!client.downloadableConfig ? $t('noPrivKey') : $t('showQR')"
@click="qrcode = `./api/wireguard/client/${client.id}/qrcode.svg`">
@@ -276,7 +276,7 @@
class="align-middle inline-block bg-gray-100 dark:bg-neutral-600 dark:text-neutral-300 p-2 rounded transition"
:class="{
'hover:bg-red-800 dark:hover:bg-red-800 hover:text-white dark:hover:text-white': client.downloadableConfig,
'disabled-link': !client.downloadableConfig
'is-disabled': !client.downloadableConfig
}"
:title="!client.downloadableConfig ? $t('noPrivKey') : $t('downloadConfig')"
@click="if(!client.downloadableConfig) { $event.preventDefault(); }">