1
0

feat: camelcase global components

This commit is contained in:
Dominik Pschenitschni
2024-06-18 17:48:04 +02:00
committed by konrad
parent 1977a7bee0
commit f36115871c
74 changed files with 236 additions and 236 deletions

View File

@ -4,7 +4,7 @@
class="add-to-home-screen"
:class="{'has-update-available': hasUpdateAvailable}"
>
<icon
<Icon
icon="arrow-up-from-bracket"
class="add-icon"
/>
@ -15,7 +15,7 @@
class="hide-button"
@click="() => hideMessage = true"
>
<icon icon="x" />
<Icon icon="x" />
</BaseButton>
</div>
</template>

View File

@ -5,7 +5,7 @@
class="menu-hide-button d-print-none"
@click="baseStore.setMenuActive(false)"
>
<icon icon="times" />
<Icon icon="times" />
</BaseButton>
<div
class="app-container"
@ -42,21 +42,21 @@
</keep-alive>
</RouterView>
<modal
<Modal
:enabled="typeof currentModal !== 'undefined'"
variant="scrolling"
class="task-detail-view-modal"
@close="closeModal()"
>
<component :is="currentModal" />
</modal>
</Modal>
<BaseButton
v-shortcut="'?'"
class="keyboard-shortcuts-button d-print-none"
@click="showKeyboardShortcuts()"
>
<icon icon="keyboard" />
<Icon icon="keyboard" />
</BaseButton>
</main>
</div>

View File

@ -21,7 +21,7 @@ const enabled = computed(() => configStore.demoModeEnabled && !hide.value)
class="hide-button"
@click="() => hide = true"
>
<icon icon="times" />
<Icon icon="times" />
</BaseButton>
</div>
</template>

View File

@ -20,7 +20,7 @@
:to="{ name: 'home'}"
>
<span class="menu-item-icon icon">
<icon icon="calendar" />
<Icon icon="calendar" />
</span>
{{ $t('navigation.overview') }}
</RouterLink>
@ -31,7 +31,7 @@
:to="{ name: 'tasks.range'}"
>
<span class="menu-item-icon icon">
<icon :icon="['far', 'calendar-alt']" />
<Icon :icon="['far', 'calendar-alt']" />
</span>
{{ $t('navigation.upcoming') }}
</RouterLink>
@ -42,7 +42,7 @@
:to="{ name: 'projects.index'}"
>
<span class="menu-item-icon icon">
<icon icon="layer-group" />
<Icon icon="layer-group" />
</span>
{{ $t('project.projects') }}
</RouterLink>
@ -53,7 +53,7 @@
:to="{ name: 'labels.index'}"
>
<span class="menu-item-icon icon">
<icon icon="tags" />
<Icon icon="tags" />
</span>
{{ $t('label.title') }}
</RouterLink>
@ -64,7 +64,7 @@
:to="{ name: 'teams.index'}"
>
<span class="menu-item-icon icon">
<icon icon="users" />
<Icon icon="users" />
</span>
{{ $t('team.title') }}
</RouterLink>

View File

@ -9,7 +9,7 @@
class="collapse-project-button"
@click="childProjectsOpen = !childProjectsOpen"
>
<icon
<Icon
icon="chevron-down"
:class="{ 'project-is-collapsed': !childProjectsOpen }"
/>
@ -35,14 +35,14 @@
v-else-if="project.id < -1"
class="saved-filter-icon icon menu-item-icon"
>
<icon icon="filter" />
<Icon icon="filter" />
</span>
<span
v-if="project.id > 0"
class="icon menu-item-icon handle"
:class="{'has-color-bubble': project.hexColor !== ''}"
>
<icon icon="grip-lines" />
<Icon icon="grip-lines" />
</span>
</div>
<span class="project-menu-title">{{ getProjectTitle(project) }}</span>
@ -53,7 +53,7 @@
:class="{'is-favorite': project.isFavorite}"
@click="projectStore.toggleProjectFavorite(project)"
>
<icon :icon="project.isFavorite ? 'star' : ['far', 'star']" />
<Icon :icon="project.isFavorite ? 'star' : ['far', 'star']" />
</BaseButton>
<ProjectSettingsDropdown
class="menu-list-dropdown"
@ -64,7 +64,7 @@
class="menu-list-dropdown-trigger"
@click="toggleOpen"
>
<icon
<Icon
icon="ellipsis-h"
class="icon"
/>

View File

@ -28,7 +28,7 @@
:to="{ name: 'project.info', params: { projectId: currentProject.id } }"
class="project-title-button"
>
<icon icon="circle-info" />
<Icon icon="circle-info" />
</BaseButton>
<ProjectSettingsDropdown
@ -41,7 +41,7 @@
class="project-title-button"
@click="toggleOpen"
>
<icon
<Icon
icon="ellipsis-h"
class="icon"
/>
@ -75,7 +75,7 @@
transform: open ? 'rotate(180deg)' : 'rotate(0)',
}"
>
<icon icon="chevron-down" />
<Icon icon="chevron-down" />
</span>
</BaseButton>
</template>