mirror of
https://codeberg.org/simonrepp/hyper8.git
synced 2026-08-14 13:45:27 +02:00
Fine-tune volume and speed control design
This commit is contained in:
@@ -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
@@ -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>
|
||||
"#)
|
||||
}
|
||||
Reference in New Issue
Block a user