mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Dashboard: Fix dark mode, add background 

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan C. Borchardt 2020-08-08 01:09:21 +02:00
parent 2b9b85e44a
commit 6a4d416e36
No known key found for this signature in database
GPG Key ID: CBD846FC845CBE17
4 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/dashboard/README.md
View File

@ -1,3 +1,5 @@
# Dashboard
Picture credit: [Clouds by Kamil Porembiński](https://www.flickr.com/photos/paszczak000/8715851521/)
Picture credit:
- [Clouds by Kamil Porembiński](https://www.flickr.com/photos/paszczak000/8715851521/)
- [Un beau soir dété by Tanguy Domenge](https://www.flickr.com/photos/148302424@N05/36591009215/)

BIN
apps/dashboard/img/flickr-148302424@N05-36591009215-mobile.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 627 KiB

BIN
apps/dashboard/img/flickr-148302424@N05-36591009215.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

29
apps/dashboard/src/App.vue
View File

@ -249,18 +249,31 @@ export default {
width: 100%;
padding-bottom: 100px;
background-color: var(--color-primary);
background-image: url('/nextcloud/apps/dashboard/img/flickr-paszczak000-8715851521.jpg?v=1');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
#body-user:not(.dark) & {
background-color: var(--color-primary);
background-image: url('/nextcloud/apps/dashboard/img/flickr-paszczak000-8715851521.jpg?v=1');
}
#body-user.dark & {
background-color: var(--color-main-background);
background-image: url('/nextcloud/apps/dashboard/img/flickr-148302424@N05-36591009215.jpg?v=1');
}
}
@media only screen and (max-width: var(--breakpoint-mobile)) {
body {
#body-user:not(.dark) #app-dashboard {
background-image: url('/nextcloud/apps/dashboard/img/flickr-paszczak000-8715851521-mobile.jpg?v=1');
}
#body-user.dark #app-dashboard {
background-color: var(--color-main-background);
background-image: url('/nextcloud/apps/dashboard/img/flickr-148302424@N05-36591009215-mobile.jpg?v=1');
}
}
h2 {
@ -273,8 +286,12 @@ export default {
.statuses {
::v-deep #user-status-menu-item__subheader>button {
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.8);
#body-user.dark & {
background-color: rgba(24, 24, 24, 0.8);
}
}
}
@ -297,6 +314,10 @@ export default {
backdrop-filter: blur(10px);
border-radius: var(--border-radius-large);
#body-user.dark & {
background-color: rgba(24, 24, 24, 0.8);
}
&.sortable-ghost {
opacity: 0.1;
}