{{ .strings.version }} {{ .version }}
{{ .strings.commitNoun }} {{ .commit }}
{{ .strings.modifySettingsDescription }}
{{ .strings.customizeMessagesDescription }}
{{ .strings.settingsRestartRequiredDescription }}
{{ .strings.settingsRefreshPage }}
{{ .strings.ombiUserDefaultsDescription }}
{{ .strings.userProfilesDescription }}
{{ .strings.addProfileDescription }}
{{ .strings.sendPIN }}
{{ .strings.linkMatrixDescription }}
{{ if .passwordReset }}{{ .strings.youCanLoginPassword }}{{ else }}{{ .successMessage }}{{ end }}
{{ .strings.confirmationRequiredMessage }}
{{ .telegramPIN }}
{{ .discordSendPINMessage }}
{{ .strings.matrixEnterUser }}
curl https://apt.hrfee.dev/hrfee.pubkey.gpg | sudo apt-key add - @@ -38,7 +38,7 @@ sudo apt-get install jfa-go-tray
docker create \ diff --git a/tailwind.config.js b/tailwind.config.js index 8774ee4..e6c93da 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -6,6 +6,28 @@ module.exports = { darkMode: 'class', theme: { extend: { + keyframes: { + 'fade-in': { + '0%': { + opacity: '0' + }, + '100%': { + opacity: '1' + } + }, + 'fade-out': { + '0%': { + opacity: '1' + }, + '100%': { + opacity: '0' + } + }, + }, + animation: { + 'fade-in': 'fade-in 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)', + 'fade-out': 'fade-out 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)' + }, colors: { neutral: colors.slate, positive: colors.green, diff --git a/ts/modules/invites.ts b/ts/modules/invites.ts index d917734..e3ceed1 100644 --- a/ts/modules/invites.ts +++ b/ts/modules/invites.ts @@ -257,7 +257,7 @@ class DOMInvite implements Invite { this._header.appendChild(this._codeArea); this._codeArea.classList.add("inv-codearea"); this._codeArea.innerHTML = ` - + `; const copyButton = this._codeArea.querySelector("span.button") as HTMLSpanElement; @@ -427,7 +427,7 @@ export class inviteList implements inviteList { - ${window.lang.strings("inviteNoInvites")} + ${window.lang.strings("inviteNoInvites")} diff --git a/ts/modules/modal.ts b/ts/modules/modal.ts index 7bbc071..dcd2ad8 100644 --- a/ts/modules/modal.ts +++ b/ts/modules/modal.ts @@ -24,11 +24,12 @@ export class Modal implements Modal { if (event) { event.preventDefault(); } - this.modal.classList.add('modal-hiding'); + this.modal.classList.add('animate-fade-out'); + this.modal.classList.remove("animate-fade-in"); const modal = this.modal; const listenerFunc = () => { - modal.classList.remove('modal-shown'); - modal.classList.remove('modal-hiding'); + modal.classList.remove('block'); + modal.classList.remove('animate-fade-out'); modal.removeEventListener(window.animationEvent, listenerFunc); document.dispatchEvent(this.closeEvent); }; @@ -43,11 +44,11 @@ export class Modal implements Modal { } show = () => { - this.modal.classList.add('modal-shown'); + this.modal.classList.add('block', 'animate-fade-in'); document.dispatchEvent(this.openEvent); } toggle = () => { - if (this.modal.classList.contains('modal-shown')) { + if (this.modal.classList.contains('animate-fade-in')) { this.close(); } else { this.show();
