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

Experiment with fade in dashboard panel header 

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2020-07-10 17:59:17 +02:00 committed by Julius Härtl
parent 9cde19889e
commit 1448f54e04
No known key found for this signature in database
GPG Key ID: 4C614C6ED2CDE6DF
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -220,9 +220,10 @@ export default {
display: flex;
top: 50px;
padding: 16px;
background: linear-gradient(var(--color-main-background-translucent), var(--color-main-background-translucent) 80%, rgba(255, 255, 255, 0));
border-top-left-radius: var(--border-radius-large);
border-top-right-radius: var(--border-radius-large);
// TO DO: use variables here
background: linear-gradient(170deg, rgba(0, 130,201, 0.2) 0%, rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 100%);
border-top-left-radius: calc(var(--border-radius-large) - 2px);
border-top-right-radius: calc(var(--border-radius-large) - 2px);
backdrop-filter: blur(4px);
cursor: grab;