IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

commnity navbar style refactor

Browse Source
This commit is contained in:
ogerly 2023-02-22 13:41:20 +01:00
parent 02cdcf8751
commit 9825cf8876
1 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/components/Template/ContentHeader/NavCommunity.vue
View File

@ -1,21 +1,21 @@
<template>
<div class="nav-community container">
<b-row class="nav-row">
<b-col cols="12" lg="4" md="4" class="px-0">
<b-btn to="contribute" active-class="btn-active" block variant="link">
<b-icon icon="pencil" class="mr-2" />
<b-row class="mx-xl-6 mx-lg-5" align-v="stretch">
<b-col class="px-0">
<b-btn to="contribute" active-class="btn-active" block variant="link" class="rounded-right">
<b-icon icon="pencil" class="mr-2 d-none d-md-inline" />
{{ $t('community.submitContribution') }}
</b-btn>
</b-col>
<b-col cols="12" lg="4" md="4" class="px-0">
<b-btn to="contributions" active-class="btn-active" block variant="link">
<b-icon icon="person" class="mr-2" />
<b-col class="px-0">
<b-btn to="contributions" active-class="btn-active" block variant="link" class="rounded-0">
<b-icon icon="person" class="mr-2 d-none d-md-inline" />
{{ $t('community.myContributions') }}
</b-btn>
</b-col>
<b-col cols="12" lg="4" md="4" class="px-0">
<b-btn to="community" active-class="btn-active" block variant="link">
<b-icon icon="people" class="mr-2" />
<b-col class="px-0">
<b-btn to="community" active-class="btn-active" block variant="link" class="rounded-left">
<b-icon icon="people" class="mr-2 d-none d-md-inline" />
{{ $t('community.community') }}
</b-btn>
</b-col>
@ -28,11 +28,12 @@ export default {
}
</script>
<style scoped>
.nav-row {
.btn {
background-color: rgb(209, 209, 209);
border-radius: 26px;
color: black;
padding-right: 0px;
padding-left: 0px;
}
.btn-active {
background-color: rgb(23 141 129);
color: white;