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

feat(front): Add UI buttons to about pages

This commit is contained in:
Ciarán Ainsworth 2023-11-12 17:05:07 +01:00
parent 1ba2f6df72
commit faa0d39998
No known key found for this signature in database
2 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
front/src/components/About.vue
View File

@ -5,6 +5,8 @@ import { get } from 'lodash-es'
import { humanSize } from '~/utils/filters' import { humanSize } from '~/utils/filters'
import { computed } from 'vue' import { computed } from 'vue'
import { FwButton } from '@funkwhale/ui'
import SignupForm from '~/components/auth/SignupForm.vue' import SignupForm from '~/components/auth/SignupForm.vue'
import LogoText from '~/components/LogoText.vue' import LogoText from '~/components/LogoText.vue'
@ -177,13 +179,14 @@ const headerStyle = computed(() => {
</div> </div>
</div> </div>
</template> </template>
<fw-button
<router-link outline
to="/about/pod" class="right floated"
class="ui fluid basic secondary button" color="secondary"
@click="$router.push('/about/pod')"
> >
{{ $t('components.About.link.learnMore') }} {{ $t('components.About.link.learnMore') }}
</router-link> </fw-button>
</div> </div>
</div> </div>
</div> </div>
@ -246,13 +249,15 @@ const headerStyle = computed(() => {
</a> </a>
</div> </div>
<div class="ui fluid horizontally fitted basic clearing segment container"> <div class="ui fluid horizontally fitted basic clearing segment container">
<router-link <fw-button
to="/about/pod" outline
class="ui right floated basic secondary button" class="right floated"
color="secondary"
icon="bi-arrow-right"
@click="$router.push('/about/pod')"
> >
{{ $t('components.About.header.aboutPod') }} {{ $t('components.About.header.aboutPod') }}
<i class="icon arrow right" /> </fw-button>
</router-link>
</div> </div>
</div> </div>
</div> </div>

14
front/src/components/AboutPod.vue
View File

@ -8,6 +8,8 @@ import useMarkdown from '~/composables/useMarkdown'
import type { NodeInfo } from '~/store/instance' import type { NodeInfo } from '~/store/instance'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { FwButton } from '@funkwhale/ui'
const store = useStore() const store = useStore()
const nodeinfo = computed(() => store.state.instance.nodeinfo) const nodeinfo = computed(() => store.state.instance.nodeinfo)
@ -407,13 +409,15 @@ const headerStyle = computed(() => {
<div class="ui hidden divider" /> <div class="ui hidden divider" />
<div class="ui fluid horizontally fitted basic clearing segment container"> <div class="ui fluid horizontally fitted basic clearing segment container">
<router-link <fw-button
to="/about" outline
class="ui left floated basic secondary button" class="left floated"
color="secondary"
icon="bi-arrow-left"
@click="$router.push('/about')"
> >
<i class="icon arrow left" />
{{ $t('components.AboutPod.link.introduction') }} {{ $t('components.AboutPod.link.introduction') }}
</router-link> </fw-button>
</div> </div>
</div> </div>
</div> </div>