Fine-tune volume and speed control design

This commit is contained in:
Simon Repp
2024-04-22 12:10:48 +02:00
parent 5c76b3dd17
commit 5ce8c6cf22
2 changed files with 4 additions and 4 deletions
+1 -1
View File
@@ -362,7 +362,7 @@ svg {
position: absolute;
right: 5%;
}
#toggle_speed { font-weight: 600; }
#toggle_speed { font-weight: 500; }
.video {
color: var(--fg-2);
display: flex;
+3 -3
View File
@@ -114,7 +114,7 @@ pub fn volume_loud(label: &str) -> String {
formatdoc!(r#"
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<title>{label}</title>
<path d="m33.82 11.047-13.967 12.195h-6.0586c-2.4434 0-4.4121 1.9668-4.4121 4.4102v9.1797c0 2.4434 1.9688 4.4102 4.4121 4.4102h6.0586l13.967 12.193v-42.389zm4.2227 1.7285a2.4605 2.4605 0 0 0-2.4609 2.459 2.4605 2.4605 0 0 0 2.4609 2.4609c8.1842 0 14.76 6.5605 14.76 14.709 1e-6 8.1485-6.5756 14.709-14.76 14.709a2.4605 2.4605 0 0 0-2.4609 2.459 2.4605 2.4605 0 0 0 2.4609 2.4609c10.836 0 19.68-8.8131 19.68-19.629 0-10.816-8.8438-19.629-19.68-19.629zm0 9.2793a2.4605 2.4605 0 0 0-2.4609 2.4609 2.4605 2.4605 0 0 0 2.4609 2.4609c3.0438 0 5.4512 2.4046 5.4512 5.4277 0 3.0232-2.4074 5.4277-5.4512 5.4277a2.4605 2.4605 0 0 0-2.4609 2.4609 2.4605 2.4605 0 0 0 2.4609 2.4609c5.6955 0 10.373-4.6591 10.373-10.35s-4.6775-10.35-10.373-10.35z"/>
<path d="m32.955 4.6484-18.182 15.877h-7.8887-3.1797c-1.4206 0-2.5645 1.1439-2.5645 2.5645v3.1758 11.953 3.1758c0 1.4206 1.1439 2.5645 2.5645 2.5645h3.1797 7.8887l18.182 15.875v-55.186zm10.223 8.127a2.4605 2.4605 0 0 0-2.4609 2.459 2.4605 2.4605 0 0 0 2.4609 2.4609c8.1842 0 14.76 6.5605 14.76 14.709 1e-6 8.1485-6.5754 14.709-14.76 14.709a2.4605 2.4605 0 0 0-2.4609 2.459 2.4605 2.4605 0 0 0 2.4609 2.4609c10.836 0 19.682-8.813 19.682-19.629 0-10.816-8.8455-19.629-19.682-19.629zm-2 9.2793a2.4605 2.4605 0 0 0-2.4609 2.4609 2.4605 2.4605 0 0 0 2.4609 2.4609c3.0438 0 5.4512 2.4046 5.4512 5.4277 0 3.0232-2.4074 5.4277-5.4512 5.4277a2.4605 2.4605 0 0 0-2.4609 2.4609 2.4605 2.4605 0 0 0 2.4609 2.4609c5.6955 0 10.373-4.6587 10.373-10.35s-4.6776-10.35-10.373-10.35z"/>
</svg>
"#)
}
@@ -123,7 +123,7 @@ pub fn volume_medium(label: &str) -> String {
formatdoc!(r#"
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<title>{label}</title>
<path d="m33.82 11.047-13.967 12.195h-6.0586c-2.4434 0-4.4121 1.9668-4.4121 4.4102v9.1797c0 2.4434 1.9688 4.4102 4.4121 4.4102h6.0586l13.967 12.193zm4.2227 11.008c-1.3592-2.42e-4 -2.4612 1.1017-2.4609 2.4609-2.41e-4 1.3592 1.1017 2.4612 2.4609 2.4609 3.0438 0 5.4512 2.4046 5.4512 5.4277 0 3.0232-2.4074 5.4277-5.4512 5.4277-1.3592-2.42e-4 -2.4612 1.1017-2.4609 2.4609-2.41e-4 1.3592 1.1017 2.4612 2.4609 2.4609 5.6955 0 10.373-4.6591 10.373-10.35s-4.6775-10.35-10.373-10.35z"/>
<path d="m32.955 4.6484-18.182 15.877h-11.068c-1.4206 0-2.5645 1.1439-2.5645 2.5645v18.305c0 1.4206 1.1439 2.5645 2.5645 2.5645h11.068l18.182 15.875zm8.2227 17.406c-1.3592-2.41e-4 -2.4612 1.1017-2.4609 2.4609-2.41e-4 1.3592 1.1017 2.4612 2.4609 2.4609 3.0438 0 5.4512 2.4046 5.4512 5.4277 0 3.0232-2.4074 5.4277-5.4512 5.4277-1.3592-2.41e-4 -2.4612 1.1017-2.4609 2.4609-2.41e-4 1.3592 1.1017 2.4612 2.4609 2.4609 5.6955 0 10.373-4.6587 10.373-10.35s-4.6776-10.35-10.373-10.35z"/>
</svg>
"#)
}
@@ -132,7 +132,7 @@ pub fn volume_muted(label: &str) -> String {
formatdoc!(r#"
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<title>{label}</title>
<path d="m33.82 11.047-13.967 12.195h-6.0586c-2.4434 0-4.4121 1.9668-4.4121 4.4102v9.1797c0 2.4434 1.9688 4.4102 4.4121 4.4102h6.0586l13.967 12.193v-42.389zm4.1875 11.416a2.4605 2.4605 0 0 0-1.7402 0.7207 2.4605 2.4605 0 0 0 0 3.4805l5.9844 5.9844-5.9844 5.9844a2.4605 2.4605 0 0 0 0 3.4785 2.4605 2.4605 0 0 0 3.4805 0l5.9824-5.9824 5.9844 5.9824a2.4605 2.4605 0 0 0 3.4805 0 2.4605 2.4605 0 0 0 0-3.4785l-5.9844-5.9844 5.9844-5.9844a2.4605 2.4605 0 0 0 0-3.4805 2.4605 2.4605 0 0 0-1.7402-0.7207 2.4605 2.4605 0 0 0-1.7402 0.7207l-5.9844 5.9844-5.9824-5.9844a2.4605 2.4605 0 0 0-1.7402-0.7207z"/>
<path d="m32.955 4.6484-18.182 15.877h-7.8887-3.1797c-1.4206 0-2.5645 1.1439-2.5645 2.5645v3.1758 11.953 3.1758c0 1.4206 1.1439 2.5645 2.5645 2.5645h3.1797 7.8887l18.182 15.875v-55.186zm11.053 17.814c-0.6527-8.7e-5 -1.2787 0.25917-1.7402 0.7207-0.96144 0.96098-0.96144 2.5195 0 3.4805l5.9844 5.9844-5.9844 5.9844c-0.9601 0.96075-0.9601 2.5178 0 3.4785 0.96098 0.96144 2.5195 0.96144 3.4805 0l5.9824-5.9824 5.9844 5.9824c0.96098 0.96144 2.5195 0.96144 3.4805 0 0.9601-0.96075 0.9601-2.5178 0-3.4785l-5.9844-5.9844 5.9844-5.9844c0.96144-0.96098 0.96144-2.5195 0-3.4805-0.46152-0.46154-1.0875-0.72079-1.7402-0.7207-0.6527-8.7e-5 -1.2787 0.25917-1.7402 0.7207l-5.9844 5.9844-5.9824-5.9844c-0.46152-0.46154-1.0875-0.72079-1.7402-0.7207z"/>
</svg>
"#)
}