remove unused templates and css
parent
bc6c29d634
commit
d3b9e56c92
@ -1,102 +0,0 @@
|
|||||||
.capture-audio {
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
.microphone {
|
|
||||||
height: 36px;
|
|
||||||
width: 36px;
|
|
||||||
text-align: center;
|
|
||||||
opacity: 0.5;
|
|
||||||
background: transparent;
|
|
||||||
padding: 0;
|
|
||||||
border: none;
|
|
||||||
margin-top: 2px;
|
|
||||||
|
|
||||||
&:focus,
|
|
||||||
&:hover {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
display: inline-block;
|
|
||||||
height: 24px;
|
|
||||||
width: 24px;
|
|
||||||
@include color-svg('../images/microphone.svg', $grey);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.recorder {
|
|
||||||
background: $color-white;
|
|
||||||
|
|
||||||
button {
|
|
||||||
float: right;
|
|
||||||
width: 36px;
|
|
||||||
height: 36px;
|
|
||||||
border-radius: 36px;
|
|
||||||
margin-inline-start: 5px;
|
|
||||||
opacity: 0.5;
|
|
||||||
text-align: center;
|
|
||||||
padding: 0;
|
|
||||||
margin-top: 5px;
|
|
||||||
|
|
||||||
&:focus,
|
|
||||||
&:hover {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon {
|
|
||||||
display: inline-block;
|
|
||||||
width: $button-height;
|
|
||||||
height: $button-height;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.finish {
|
|
||||||
background: lighten($session-color-green, 20%);
|
|
||||||
border: 1px solid $session-color-green;
|
|
||||||
|
|
||||||
.icon {
|
|
||||||
@include color-svg('../images/check.svg', $session-color-green);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.close {
|
|
||||||
background: lighten($session-color-danger, 20%);
|
|
||||||
border: 1px solid $session-color-danger;
|
|
||||||
|
|
||||||
.icon {
|
|
||||||
@include color-svg('../images/x.svg', $session-color-danger);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.time {
|
|
||||||
color: $grey;
|
|
||||||
float: right;
|
|
||||||
line-height: 36px;
|
|
||||||
padding: 0 10px;
|
|
||||||
|
|
||||||
@keyframes pulse {
|
|
||||||
0% {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
content: '';
|
|
||||||
display: inline-block;
|
|
||||||
border-radius: 10px;
|
|
||||||
width: 10px;
|
|
||||||
height: 10px;
|
|
||||||
background: #f00;
|
|
||||||
margin-inline-end: 10px;
|
|
||||||
opacity: 0;
|
|
||||||
animation: pulse 2s infinite;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
Loading…
Reference in New Issue