ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Change profile layout

This commit is contained in:
Ramon Wenger 2020-02-27 14:21:56 +01:00
parent c8449e7fe9
commit fffbc47fde
3 changed files with 12 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client/src/components/profile/Profile.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="profile"> <div class="profile">
<h1 class="profile__header">Profil</h1> <h1 class="profile__header">Profilbild</h1>
<h2 class="profile__avatar profile-avatar">Profilbild</h2>
<div class="profile-avatar" v-if="me.avatarUrl" > <div class="profile-avatar" v-if="me.avatarUrl" >
<div class="profile-avatar__image"> <div class="profile-avatar__image">
<avatar :avatarUrl="me.avatarUrl" /> <avatar :avatarUrl="me.avatarUrl" />

35
client/src/pages/profile.vue
View File

@ -1,19 +1,5 @@
<template> <template>
<div class="profile"> <div class="profile">
<nav class="top-navigation profile-submenu profile__submenu">
<router-link to="/me/activity" active-class="top-navigation__link--active"
class="top-navigation__link profile-submenu__item submenu-item">Aktivität
</router-link>
<router-link to="/me/myclasses" active-class="top-navigation__link--active"
class="top-navigation__link profile-submenu__item submenu-item">Klassenliste
</router-link>
<router-link to="/me/profile" active-class="top-navigation__link--active"
class="top-navigation__link profile-submenu__item submenu-item">Profil
</router-link>
<router-link :to="{name:'join-class'}" active-class="top-navigation__link--active" data-cy="join-class-link"
class="top-navigation__link profile-submenu__item submenu-item">Klasse beitreten
</router-link>
</nav>
<router-view></router-view> <router-view></router-view>
</div> </div>
</template> </template>
@ -24,26 +10,15 @@
@import "@/styles/_mixins.scss"; @import "@/styles/_mixins.scss";
.profile { .profile {
padding: $medium-spacing; padding: $large-spacing;
max-width: 640px; max-width: 640px;
margin: 0 auto; margin: 0 auto;
width: 100%;
box-sizing: border-box;
@include desktop { @include desktop {
max-width: 1024px; max-width: 800px;
margin: 0; margin: 0 auto;
}
&__submenu {
margin-bottom: $medium-spacing;
margin-left: -$medium-spacing;
} }
} }
.profile-submenu {
&__item {
font-family: $sans-serif-font-family;
font-size: toRem(14px);
}
}
</style> </style>

10
client/src/styles/_uploadcare_overwrite.scss
View File

@ -1,8 +1,10 @@
@import "variables";
.uploadcare--panel { .uploadcare--panel {
background: $color-silver-light; background: $color-white;
height: 200px; height: 230px;
border: none; border: 1px dashed $color-silver;
border-radius: 0; border-radius: 12px;
} }
.uploadcare--menu { .uploadcare--menu {