RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mnav: make icons smaller 

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/653/head
Varun Patil 2023-05-06 21:12:48 -07:00
parent 22c81ef5a6
commit 29b8582d4a
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/MobileNav.vue
View File

@ -1,17 +1,17 @@
<template> <template>
<div id="mobile-nav"> <div id="mobile-nav">
<router-link to="/"> <router-link to="/">
<ImageMultipleIcon /> <ImageMultipleIcon size="22" />
{{ t('memories', 'Photos') }} {{ t('memories', 'Photos') }}
</router-link> </router-link>
<router-link to="/explore"> <router-link to="/explore">
<SearchIcon /> <SearchIcon size="22" />
{{ t('memories', 'Explore') }} {{ t('memories', 'Explore') }}
</router-link> </router-link>
<router-link to="/albums"> <router-link to="/albums">
<AlbumIcon /> <AlbumIcon size="22" />
{{ t('memories', 'Albums') }} {{ t('memories', 'Albums') }}
</router-link> </router-link>
</div> </div>
@ -67,8 +67,9 @@ export default defineComponent({
height: var(--mobile-nav-width); height: var(--mobile-nav-width);
text-align: center; text-align: center;
padding: 8px; padding: 8px;
padding-top: 2px; padding-top: 4px;
font-size: 0.9em; font-size: 0.9em;
line-height: 1.5em;
:deep a { :deep a {
flex: 1 1 0px; flex: 1 1 0px;