Skip to content

style(nav): adjust icon size for fontawsome #85

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
fracado merged 2 commits into from
Dec 10, 2024
Merged

style(nav): adjust icon size for fontawsome #85

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
b321877
style(nav): adjust icon size for fontawsome
tanyaka Dec 9, 2024
0c62851
style(nav): adjust font-weight
fracado Dec 10, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 6 additions & 4 deletions src/components/navigation/Navigation.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,22 +5,22 @@
id="backButton"
:name="t('simplesettings', 'Back to Files')"
href="/index.php/apps/files">
<IconChevronLeft slot="icon" :size="24" />
<IconChevronLeft slot="icon" :size="16" />
</NcAppNavigationItem>
<NcAppNavigationItem
:name="t('simplesettings', 'Account Settings')"
@click="scrollToElement('account')">
<IconAccount slot="icon" :size="20" />
<IconAccount slot="icon" :size="16" />
</NcAppNavigationItem>
<NcAppNavigationItem
:name="t('simplesettings', 'Security & Privacy')"
@click="scrollToElement('security')">
<IconLock slot="icon" :size="20" />
<IconLock slot="icon" :size="16" />
</NcAppNavigationItem>
<NcAppNavigationItem
:name="t('simplesettings', 'Help & Support')"
@click="scrollToElement('help')">
<IconHeadset slot="icon" :size="20" />
<IconHeadset slot="icon" :size="16" />
</NcAppNavigationItem>
</ul>
</div>
Expand All @@ -30,10 +30,10 @@
import { translate as t } from '@nextcloud/l10n'
import { defineComponent } from 'vue'

import IconAccount from 'vue-material-design-icons/Account.vue'

Check failure on line 33 in src/components/navigation/Navigation.vue

View workflow job for this annotation

GitHub Actions / NPM lint 

Unable to resolve path to module 'vue-material-design-icons/Account.vue'
import IconLock from 'vue-material-design-icons/Lock.vue'

Check failure on line 34 in src/components/navigation/Navigation.vue

View workflow job for this annotation

GitHub Actions / NPM lint 

Unable to resolve path to module 'vue-material-design-icons/Lock.vue'
import IconHeadset from 'vue-material-design-icons/Headset.vue'

Check failure on line 35 in src/components/navigation/Navigation.vue

View workflow job for this annotation

GitHub Actions / NPM lint 

Unable to resolve path to module 'vue-material-design-icons/Headset.vue'
import IconChevronLeft from 'vue-material-design-icons/ChevronLeft.vue'

Check failure on line 36 in src/components/navigation/Navigation.vue

View workflow job for this annotation

GitHub Actions / NPM lint 

Unable to resolve path to module 'vue-material-design-icons/ChevronLeft.vue'

// @ts-expect-error: Cannot find module or its corresponding type declarations.
import NcAppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem.js'
Expand Down Expand Up @@ -62,6 +62,8 @@
margin-top: 24px;

ul {
font-weight: 600;

#backButton {
margin-top: -8px;
margin-left: -14px;
Expand Down
Loading