Show list background when viewing a link share

src/App.vue

@@ -186,13 +186,23 @@
 					</div>
 				</div>
 			</div>
-			<div v-else-if="userAuthenticated && (userInfo && userInfo.type === authTypes.LINK_SHARE)">
+			<div
+					v-else-if="userAuthenticated && (userInfo && userInfo.type === authTypes.LINK_SHARE)"
+					class="link-share-container"
+					:class="{'has-background': background}"
+					:style="{'background-image': `url(${background})`}"
+			>
 				<div class="container has-text-centered link-share-view">
 					<div class="column is-10 is-offset-1">
 						<img src="/images/logo-full.svg" alt="Vikunja" class="logo"/>
-						<div class="box has-text-left">
+						<h1
+								class="title"
+								:style="{ 'opacity': currentList.title === '' ? '0': '1' }">
+							{{ currentList.title === '' ? 'Loading...': currentList.title}}
+						</h1>
+						<div class="box has-text-left view">
 							<div class="logout">
-								<a @click="logout()" class="button logout">
+								<a @click="logout()" class="button">
 									<span>Logout</span>
 									<span class="icon is-small">
 									<icon icon="sign-out-alt"/>

src/styles/theme/background.scss

@@ -1,4 +1,4 @@
-.app-container.has-background {
+.app-container.has-background, .link-share-container.has-background {
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
@@ -47,4 +47,13 @@
 
 .navbar.has-background {
   background: $transparent-background-light;
+}
+
+.link-share-container.has-background .view {
+  background: transparent;
+  border: none;
+
+  .logout .button {
+    box-shadow: none;
+  }
 }

src/styles/theme/link-share.scss

@@ -7,11 +7,16 @@
 
   .logout {
     text-align: right;
+    margin-bottom: 1rem;
   }
 
   .column {
     max-width: 100%;
   }
+
+  .card {
+    background: $white;
+  }
 }
 
 .link-share-list {