eris/pleroma-fe
1
1
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

Restructure names and move lists to right side

Browse source
This commit is contained in:
eris 2022-07-30 21:27:11 +00:00
parent f5e29ff52e
commit baaec9d14b
2 changed files with 19 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/desktop_nav/desktop_nav.scss
View file

@ -15,7 +15,7 @@
display: grid;
grid-template-rows: var(--navbar-height);
grid-template-columns: 2fr auto 2fr;
grid-template-areas: "sitename logo actions";
grid-template-areas: "nav-left logo actions";
box-sizing: border-box;
padding: 0 1.2em;
margin: auto;
@ -24,7 +24,7 @@
&.-logoLeft .inner-nav {
grid-template-columns: auto 2fr 2fr;
grid-template-areas: "logo sitename actions";
grid-template-areas: "logo nav-left actions";
}
.button-default {
@ -120,8 +120,8 @@
}
}
.sitename {
grid-area: sitename;
.nav-left-wrapper {
grid-area: nav-left;
img {
height: 28px;

29
src/components/desktop_nav/desktop_nav.vue
View file

@ -6,15 +6,16 @@
@click="scrollToTop()"
>
<div class="inner-nav">
<div class="item sitename">
<div class="item nav-left-wrapper">
<router-link
class="site-name"
class="site-brand"
:to="{ name: 'root' }"
active-class="home"
>
<img src="/favicon.png">
<span
v-if="!hideSitename"
class="site-name"
>
{{ sitename }}
</span>
@ -68,18 +69,6 @@
:title="$t('nav.bubble_timeline')"
/>
</router-link>
<router-link
v-if="currentUser"
:to="{ name: 'lists' }"
class="nav-icon"
>
<FAIcon
fixed-width
class="fa-scale-110 fa-old-padding"
icon="list"
:title="$t('nav.lists')"
/>
</router-link>
</div>
</div>
<router-link
@ -117,6 +106,18 @@
:title="$t('nav.interactions')"
/>
</router-link>
<router-link
v-if="currentUser"
:to="{ name: 'lists' }"
class="nav-icon"
>
<FAIcon
fixed-width
class="fa-scale-110 fa-old-padding"
icon="list"
:title="$t('nav.lists')"
/>
</router-link>
<router-link
v-if="currentUser"
:to="{ name: 'bookmarks' }"