rc/aircox
13
1
Fork 1
Code Issues 15 Pull Requests Projects Releases Wiki Activity

rendering

Browse Source
This commit is contained in:
bkfox
2024-01-26 22:43:16 +01:00
parent 20aa3aba9d
commit 8cf57c07b2
3 changed files with 21 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
aircox/static/aircox/css/admin.css
View File

@ -31,11 +31,11 @@
--a-progress-bar-bg: var(--hg-color-2); --a-progress-bar-bg: var(--hg-color-2);
--a-progress-bar-color: var(--hg-color); --a-progress-bar-color: var(--hg-color);
--a-progress-bar-pd: 0.4rem; --a-progress-bar-pd: 0.4rem;
--a-playlist-header-bg: var(--hg-color-2-alpha); --a-playlist-header-bg: var(--secondary-color);
--a-playlist-header-fg: var(--text-color); --a-playlist-header-fg: var(--text-color);
--a-playlist-title-sz: 1rem; --a-playlist-title-sz: 1rem;
--a-playlist-title-pd: 0.6rem; --a-playlist-title-pd: 0.6rem;
--a-playlist-item-border: 1px var(--hg-color-2) solid; --a-playlist-item-border: 1px var(--secondary-color) solid;
--a-sound-bg: var(--hg-color-alpha); --a-sound-bg: var(--hg-color-alpha);
--a-sound-hv-bg: var(--hg-color); --a-sound-hv-bg: var(--hg-color);
--a-sound-playing-fg: var(--hg-color-alpha); --a-sound-playing-fg: var(--hg-color-alpha);
@ -51,12 +51,12 @@
--a-player-bar-button-hg-fg: var(--button-hg-fg); --a-player-bar-button-hg-fg: var(--button-hg-fg);
--a-player-bar-button-hg-bg: var(--button-hg-bg); --a-player-bar-button-hg-bg: var(--button-hg-bg);
--button-fg: var(--text-color); --button-fg: var(--text-color);
--button-bg: var(--hg-color); --button-bg: var(--main-color);
--button-sec-bg: var(--hg-color-alpha); --button-sec-bg: var(--main-color-light);
--button-hg-fg: var(--text-color); --button-hg-fg: var(--text-color);
--button-hg-bg: var(--hg-color-2); --button-hg-bg: var(--secondary-color);
--button-active-fg: var(--text-color); --button-active-fg: var(--text-color);
--button-active-bg: var(--hg-color-2); --button-active-bg: var(--secondary-color-light);
} }
@media screen and (max-width: 1380px) { @media screen and (max-width: 1380px) {
@ -148,11 +148,6 @@
font-size: 1rem; font-size: 1rem;
} }
@media screen and (max-width: 400px) {
.preview .content {
display: none;
}
}
.preview-cover { .preview-cover {
background-size: cover; background-size: cover;
height: var(--preview-cover-size); height: var(--preview-cover-size);
@ -231,7 +226,7 @@
margin-top: 0.6rem; margin-top: 0.6rem;
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 400px) {
.list-item .headings { .list-item .headings {
flex-direction: column; flex-direction: column;
} }

19
aircox/static/aircox/css/public.css
View File

@ -31,11 +31,11 @@
--a-progress-bar-bg: var(--hg-color-2); --a-progress-bar-bg: var(--hg-color-2);
--a-progress-bar-color: var(--hg-color); --a-progress-bar-color: var(--hg-color);
--a-progress-bar-pd: 0.4rem; --a-progress-bar-pd: 0.4rem;
--a-playlist-header-bg: var(--hg-color-2-alpha); --a-playlist-header-bg: var(--secondary-color);
--a-playlist-header-fg: var(--text-color); --a-playlist-header-fg: var(--text-color);
--a-playlist-title-sz: 1rem; --a-playlist-title-sz: 1rem;
--a-playlist-title-pd: 0.6rem; --a-playlist-title-pd: 0.6rem;
--a-playlist-item-border: 1px var(--hg-color-2) solid; --a-playlist-item-border: 1px var(--secondary-color) solid;
--a-sound-bg: var(--hg-color-alpha); --a-sound-bg: var(--hg-color-alpha);
--a-sound-hv-bg: var(--hg-color); --a-sound-hv-bg: var(--hg-color);
--a-sound-playing-fg: var(--hg-color-alpha); --a-sound-playing-fg: var(--hg-color-alpha);
@ -51,12 +51,12 @@
--a-player-bar-button-hg-fg: var(--button-hg-fg); --a-player-bar-button-hg-fg: var(--button-hg-fg);
--a-player-bar-button-hg-bg: var(--button-hg-bg); --a-player-bar-button-hg-bg: var(--button-hg-bg);
--button-fg: var(--text-color); --button-fg: var(--text-color);
--button-bg: var(--hg-color); --button-bg: var(--main-color);
--button-sec-bg: var(--hg-color-alpha); --button-sec-bg: var(--main-color-light);
--button-hg-fg: var(--text-color); --button-hg-fg: var(--text-color);
--button-hg-bg: var(--hg-color-2); --button-hg-bg: var(--secondary-color);
--button-active-fg: var(--text-color); --button-active-fg: var(--text-color);
--button-active-bg: var(--hg-color-2); --button-active-bg: var(--secondary-color-light);
} }
@media screen and (max-width: 1380px) { @media screen and (max-width: 1380px) {
@ -148,11 +148,6 @@
font-size: 1rem; font-size: 1rem;
} }
@media screen and (max-width: 400px) {
.preview .content {
display: none;
}
}
.preview-cover { .preview-cover {
background-size: cover; background-size: cover;
height: var(--preview-cover-size); height: var(--preview-cover-size);
@ -231,7 +226,7 @@
margin-top: 0.6rem; margin-top: 0.6rem;
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 400px) {
.list-item .headings { .list-item .headings {
flex-direction: column; flex-direction: column;
} }

21
assets/src/assets/components.scss
View File

@ -35,11 +35,11 @@
--a-progress-bar-color: var(--hg-color); --a-progress-bar-color: var(--hg-color);
--a-progress-bar-pd: #{v.$mp-2}; --a-progress-bar-pd: #{v.$mp-2};
--a-playlist-header-bg: var(--hg-color-2-alpha); --a-playlist-header-bg: var(--secondary-color);
--a-playlist-header-fg: var(--text-color); --a-playlist-header-fg: var(--text-color);
--a-playlist-title-sz: #{v.$text-size}; --a-playlist-title-sz: #{v.$text-size};
--a-playlist-title-pd: #{v.$mp-3}; --a-playlist-title-pd: #{v.$mp-3};
--a-playlist-item-border: 1px var(--hg-color-2) solid; --a-playlist-item-border: 1px var(--secondary-color) solid;
--a-sound-bg: var(--hg-color-alpha); --a-sound-bg: var(--hg-color-alpha);
--a-sound-hv-bg: var(--hg-color); --a-sound-hv-bg: var(--hg-color);
@ -58,12 +58,12 @@
--a-player-bar-button-hg-bg: var(--button-hg-bg); --a-player-bar-button-hg-bg: var(--button-hg-bg);
--button-fg: var(--text-color); --button-fg: var(--text-color);
--button-bg: var(--hg-color); --button-bg: var(--main-color);
--button-sec-bg: var(--hg-color-alpha); --button-sec-bg: var(--main-color-light);
--button-hg-fg: var(--text-color); --button-hg-fg: var(--text-color);
--button-hg-bg: var(--hg-color-2); --button-hg-bg: var(--secondary-color);
--button-active-fg: var(--text-color); --button-active-fg: var(--text-color);
--button-active-bg: var(--hg-color-2); --button-active-bg: var(--secondary-color-light);
} }
@ -251,13 +251,6 @@
} }
@media screen and (max-width: v.$screen-very-small) {
.preview .content {
display: none;
}
}
.preview-cover { .preview-cover {
background-size: cover; background-size: cover;
height: var(--preview-cover-size); height: var(--preview-cover-size);
@ -354,7 +347,7 @@
} }
} }
@media screen and (max-width: v.$screen-small) { @media screen and (max-width: v.$screen-very-small) {
.list-item .headings { .list-item .headings {
flex-direction: column; flex-direction: column;