juli0n21/pwa-player
1
0
Fork 0
mirror of https://github.com/JuLi0n21/pwa-player.git synced 2026-04-19 23:40:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

minor improvements

Browse Source
This commit is contained in:
Julian Schlüter
2026-03-12 19:20:46 +01:00
parent 7c61a3ca57
commit 8a2ec44a32
34 changed files with 787 additions and 785 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/assets/animations.css
View File

@@ -1,19 +1,27 @@
.v-enter-from, .v-leave-to
{
animation: fadeIn 0.5s;
.v-enter-from,
.v-leave-to {
animation: fadeIn 0.5s;
}
.v-enter-to, .v-leave-from {
animation: fadeOut 0.5s;
.v-enter-to,
.v-leave-from {
animation: fadeOut 0.5s;
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}

34
frontend/src/assets/base.css
View File

@@ -1,34 +1,34 @@
body {
background-color: var(--background-color);
margin:0;
padding: 0;
background-color: var(--background-color);
margin: 0;
padding: 0;
}
* .{
min-height: 0px;
* . {
min-height: 0px;
}
.backdrop--light {
background-color: rgba(70, 57, 63, 1);
background-color: rgba(70, 57, 63, 1);
}
.backdrop--medium {
background-color: rgba(56, 46, 50, 1);
background-color: rgba(56, 46, 50, 1);
}
.backdrop--medium--light {
background-color: rgba(42, 34, 38, 1);
background-color: rgba(42, 34, 38, 1);
}
.backdrop--medium--dark {
background-color: rgba(56, 46, 50, 1)
background-color: rgba(56, 46, 50, 1);
}
.backdrop--dark {
background-color: rgba(28, 23, 25, 1)
background-color: rgba(28, 23, 25, 1);
}
.router-link-active {
color: var(--action-color);
color: var(--action-color);
}
:root {
@@ -43,25 +43,25 @@ min-height: 0px;
}
.bg {
background-color: var(--background-color)
background-color: var(--background-color);
}
.action {
color: var(--action-color)
color: var(--action-color);
}
.info {
color: var(--information-color)
color: var(--information-color);
}
.info:hover {
color: var(--information-color)
color: var(--information-color);
}
searcheven {
background-color: lighten(var(--background-color),10%);
background-color: lighten(var(--background-color), 10%);
}
searchodd {
background-color: lighten(var(--background-color),15%);
background-color: lighten(var(--background-color), 15%);
}

2
frontend/src/assets/main.css
View File

@@ -1,4 +1,4 @@
@import './base.css';
@import "./base.css";
a,
.green {