MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore(front): spacings, gaps, paddings

This commit is contained in:
upsiflu 2025-01-06 15:14:00 +01:00
parent 2d42b3a07c
commit e99fc3b8aa
5 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
front/src/components/library/Library.vue
View File

@ -6,7 +6,7 @@
<style scoped lang="scss"> <style scoped lang="scss">
main { main {
padding: 32px 48px; padding: 32px;
} }
</style> </style>

4
front/src/ui/components/Sidebar.vue
View File

@ -47,7 +47,7 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
</i> </i>
</Link> </Link>
<Layout nav gap-4 flex style="align-items: center;"> <Layout nav gap-8 flex style="align-items: center;">
<Link <Link
v-if="store.state.auth.availablePermissions['settings'] || store.state.auth.availablePermissions['moderation']" v-if="store.state.auth.availablePermissions['settings'] || store.state.auth.availablePermissions['moderation']"
to="/manage/settings" to="/manage/settings"
@ -218,7 +218,6 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
button.button { button.button {
height: 40px; height: 40px;
padding: 10px; padding: 10px;
margin-left: 4px;
} }
.menu { .menu {
@ -227,7 +226,6 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
padding: 8px !important; padding: 8px !important;
height: 40px; height: 40px;
width: 40px !important; width: 40px !important;
margin-left: 4px;
i { i {
font-size: 24px !important; font-size: 24px !important;

1
front/src/ui/components/UserMenu.vue
View File

@ -158,7 +158,6 @@ const labels = computed(() => ({
<style scoped lang="scss"> <style scoped lang="scss">
header > nav button.button { header > nav button.button {
padding: 10px; padding: 10px;
margin-left: 4px;
&:has(img) { &:has(img) {
padding: 4px; padding: 4px;

2
front/src/ui/layouts/constrained.vue
View File

@ -8,7 +8,7 @@
<style scoped lang="scss"> <style scoped lang="scss">
main { main {
padding: 32px 48px; padding: 32px;
} }
</style> </style>

2
front/ui-docs/components/ui/layout/section.md
View File

@ -154,7 +154,7 @@ You can add props to the Link or Button, for example to make them `primary` or a
h3="Do it!" :action="{ text:'Say hello!', onClick:()=>console.log('Hello') }" /> h3="Do it!" :action="{ text:'Say hello!', onClick:()=>console.log('Hello') }" />
``` ```
<Spacer size="40"/> <Spacer :size="40"/>
<Section solid primary icon="bi-star" <Section solid primary icon="bi-star"
h3="Do it!" :action="{ text:'Say hello!', onClick:()=>console.log('Hello') }" /> h3="Do it!" :action="{ text:'Say hello!', onClick:()=>console.log('Hello') }" />