HTWK/htwkalender
1
1
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender.git synced 2026-01-16 19:42:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

dark theme color scheme

Browse Source
This commit is contained in:
survellow
2024-01-18 21:55:22 +01:00
parent 45685d99be
commit 5dd8ecd5a1
8 changed files with 921 additions and 830 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/ModuleSelection.vue
View File

@@ -103,14 +103,13 @@ function toggleModule(module: Module) {
class="flex flex-column sm:flex-row justify-content-between align-items-center flex-1 column-gap-4 mx-2 md:mx-4"
>
<p class="text-lg flex-1 align-self-stretch">{{ item.name }}</p>
<ToggleButton
<Button
class="w-9rem align-self-end my-2"
off-icon="pi pi-times"
:off-label="$t('moduleSelection.unselected')"
on-icon="pi pi-check"
:on-label="$t('moduleSelection.selected')"
:model-value="store.hasModule(item)"
@update:model-value="toggleModule(item)"
:icon="store.hasModule(item) ? 'pi pi-times' : 'pi pi-plus'"
:label="store.hasModule(item) ? $t('moduleSelection.selected') : $t('moduleSelection.unselected')"
@click="toggleModule(item)"
outlined
:severity="store.hasModule(item) ? '' : 'secondary'"
/>
</div>
</div>