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

mnav: make it smaller 

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/653/head
Varun Patil 2023-05-03 20:52:37 -07:00
parent 12f44d94ca
commit 2fa06c503e
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/MobileNav.vue
View File

@ -37,7 +37,7 @@ export default defineComponent({
<style lang="scss"> <style lang="scss">
:root { :root {
--mobile-nav-width: 64px; --mobile-nav-width: 62px;
} }
// Show correct nav depending on screen size // Show correct nav depending on screen size
@ -67,7 +67,8 @@ 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: 6px; padding-top: 4px;
font-size: 0.9em;
:deep a { :deep a {
flex: 1 1 0px; flex: 1 1 0px;
@ -76,7 +77,7 @@ export default defineComponent({
span.material-design-icon { span.material-design-icon {
border-radius: 20px; border-radius: 20px;
padding: 4px; padding: 4px;
max-width: 80px; max-width: 70px;
margin: 0 auto; margin: 0 auto;
} }