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

fix(regressions): alignment and color

This commit is contained in:
upsiflu 2025-01-02 11:04:41 +01:00
parent b4cf8ff897
commit dcddaaa561
3 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
front/src/components/ui/Link.vue
View File

@ -31,9 +31,9 @@ const isIconOnly = computed(() => !!props.icon)
<template> <template>
<component :is="isExternalLink ? 'a' : 'RouterLink'" <component :is="isExternalLink ? 'a' : 'RouterLink'"
v-bind="color(props, ['interactive'])( v-bind="color(props, ['interactive'])(
width(props, ['auto'])( width(props)(
align(props, { alignText:'center' }) align(props)(
()))" )))"
:class="[ :class="[
$style.link, $style.link,
round && $style['is-round'], round && $style['is-round'],
@ -63,7 +63,6 @@ const isIconOnly = computed(() => !!props.icon)
position: relative; position: relative;
display: inline-flex; display: inline-flex;
white-space: nowrap; white-space: nowrap;
justify-content: space-between;
padding: 9px 10px 11px 10px; padding: 9px 10px 11px 10px;
&.is-icon-only { &.is-icon-only {

2
front/src/ui/App.vue
View File

@ -17,7 +17,7 @@ onMounted(async () => {
<template> <template>
<div class="funkwhale grid"> <div class="funkwhale grid">
<Sidebar/> <Sidebar/>
<RouterView v-bind="color({}, ['default', 'solid'])" /> <RouterView v-bind="color({}, ['default', 'solid'])()" />
<LanguagesModal /> <LanguagesModal />
<ShortcutsModal /> <ShortcutsModal />
</div> </div>

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

@ -35,7 +35,7 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
</script> </script>
<template> <template>
<Layout aside :class="[$style.sidebar, $style['sticky-content']]" v-bind="color({}, ['default', 'solid', 'raised'])"> <Layout aside :class="[$style.sidebar, $style['sticky-content']]" default solid raised>
<Layout flex no-gap header style="justify-content:space-between; padding-right:8px;"> <Layout flex no-gap header style="justify-content:space-between; padding-right:8px;">
<Link <Link
:to="{name: logoUrl}" :to="{name: logoUrl}"