forked from
tokono.ma/diffuse
A music player that connects to your cloud/distributed storage.
chore: minor prep for blur theme
+8
-39
+3
-37
src/styles/theme/blur/index.css
+3
-37
src/styles/theme/blur/index.css
···
14
14
height: 100dvh;
15
15
}
16
16
17
-
iframe {
18
-
border: 0;
19
-
}
20
-
21
-
/***********************************
22
-
* Applets (No UI)
23
-
***********************************/
24
-
iframe[src*="/configurator/"],
25
-
iframe[src*="/engine/"],
26
-
iframe[src*="/input/"],
27
-
iframe[src*="/orchestrator/"],
28
-
iframe[src*="/processor/"],
29
-
iframe[src*="/output/"] {
30
-
height: 0;
31
-
left: 110vw;
32
-
opacity: 0;
33
-
overflow: hidden;
34
-
pointer-events: none;
35
-
position: absolute;
36
-
top: 110vh;
37
-
width: 0;
38
-
}
39
-
40
-
/* Audio is a special case, iframe needs to be "visible" in order to play the audio. */
41
-
#applet__engine__audio {
42
-
height: 1px;
43
-
left: 0;
44
-
opacity: 0;
45
-
pointer-events: none;
46
-
position: absolute;
47
-
top: 0;
48
-
width: 1px;
49
-
}
50
-
51
17
/***********************************
52
18
* Main
53
19
***********************************/
···
60
26
overflow: hidden;
61
27
padding: var(--space-md) var(--space-md);
62
28
63
-
& iframe {
29
+
/* TODO: & iframe {
64
30
border-radius: 6px;
65
-
}
31
+
}*/
66
32
}
67
33
68
34
/***********************************
69
-
* Applets
35
+
* Elements
70
36
***********************************/
71
37
72
38
iframe[src*="/artwork-controller/"] {
+5
-2
src/theme/blur/index.vto
+5
-2
src/theme/blur/index.vto
···
4
4
<link rel="stylesheet" href="../../styles/theme/blur/index.css" />
5
5
</head>
6
6
<body>
7
-
<de-audio group="deck-a"></de-audio>
8
-
<de-queue group="deck-a"></de-queue>
7
+
<de-audio id="deck-a"></de-audio>
8
+
<de-queue id="deck-a"></de-queue>
9
+
10
+
<main>
11
+
</main>
9
12
10
13
<script type="module">
11
14
import * as Audio from "../../component/engine/audio/element.js";