speechflow 1.4.4 → 1.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,31 +10,30 @@
10
10
  <div class="app">
11
11
  <div class="dashboard">
12
12
  <div v-bind:key="block.id" v-for="block of info" class="block">
13
- <div v-if="block.type === 'audio'" class="audio-col">
14
- <div class="audio-meter" v-bind:style="{
15
- height: (100 * (1 - ((block.value as number) / - 60.0))) + '%'
16
- }">
17
- <div class="audio-value">
18
- {{ (block.value as number).toFixed(1) }}
19
- <div class="audio-unit">LUFS-S</div>
13
+ <div class="block-content">
14
+ <div v-if="block.type === 'audio'" class="audio-col">
15
+ <div class="audio-meter" v-bind:style="{
16
+ height: (100 * (1 - ((block.value as number) / - 60.0))) + '%'
17
+ }">
18
+ <div class="audio-value">
19
+ {{ (block.value as number).toFixed(1) }}
20
+ <div class="audio-unit">LUFS-S</div>
21
+ </div>
20
22
  </div>
21
23
  </div>
22
- <div class="audio-name">
23
- {{ block.name }}
24
+ <div ref="textCol"
25
+ v-if="block.type === 'text'"
26
+ class="text-col"
27
+ v-bind:class="{ intermediate: block.lastKind === 'intermediate' }">
28
+ <div v-bind:key="value"
29
+ v-for="value of block.value"
30
+ class="text-value">
31
+ {{ value as unknown as string }}
32
+ </div>
24
33
  </div>
25
34
  </div>
26
- <div ref="textCol"
27
- v-if="block.type === 'text'"
28
- class="text-col"
29
- v-bind:class="{ intermediate: block.lastKind === 'intermediate' }">
30
- <div v-bind:key="value"
31
- v-for="value of block.value"
32
- class="text-value">
33
- {{ value as unknown as string }}
34
- </div>
35
- <div class="text-name">
36
- {{ block.name }}
37
- </div>
35
+ <div class="block-name">
36
+ {{ block.name }}
38
37
  </div>
39
38
  </div>
40
39
  </div>
@@ -62,6 +61,9 @@
62
61
  .block
63
62
  height: calc(100% - 0.5vw)
64
63
  margin-right: 0.5vw
64
+ flex-direction: column
65
+ align-items: flex-end
66
+ justify-content: flex-end
65
67
  &:last-child
66
68
  margin-right: 0
67
69
  &:has(.audio-col)
@@ -70,64 +72,66 @@
70
72
  flex-grow: 1
71
73
  flex-shrink: 1
72
74
  flex-basis: 0
73
- .audio-col
74
- width: 10vw
75
- height: 100%
76
- display: flex
77
- flex-direction: column
78
- align-items: flex-end
79
- justify-content: flex-end
80
- background-color: var(--color-acc-bg-3)
81
- .audio-meter
82
- width: 100%
75
+ .block-name
76
+ width: 100%
77
+ height: 2.5vw
78
+ text-align: center
79
+ background-color: var(--color-std-bg-3)
80
+ color: var(--color-std-fg-3)
81
+ font-size: 1.5vw
82
+ margin-top: 0.5vw
83
+ border-radius: 0.5vw
84
+ .block-content
85
+ background-color: var(--color-std-bg-3)
86
+ height: calc(100% - 3.0vw)
87
+ border-radius: 0.5vw
88
+ overflow: hidden
89
+ .audio-col
90
+ width: 10vw
91
+ height: 100%
83
92
  display: flex
84
93
  flex-direction: column
85
94
  align-items: flex-end
86
95
  justify-content: flex-end
87
- background-color: var(--color-acc-fg-3)
88
- .audio-value
96
+ background-color: var(--color-std-bg-3)
97
+ .audio-meter
89
98
  width: 100%
90
- font-size: 2.5vw
91
- text-align: center
92
- color: var(--color-std-bg-0)
93
- .audio-unit
94
- font-size: 1.5vw
95
- margin-top: -0.5vw
96
- margin-bottom: 0.5vw
97
- .audio-name
99
+ display: flex
100
+ flex-direction: column
101
+ align-items: flex-end
102
+ justify-content: flex-end
103
+ background-color: var(--color-acc-bg-5)
104
+ .audio-value
105
+ width: 100%
106
+ font-size: 2.5vw
107
+ text-align: center
108
+ color: var(--color-std-fg-5)
109
+ .audio-unit
110
+ font-size: 1.5vw
111
+ margin-top: -0.5vw
112
+ margin-bottom: 0.5vw
113
+ .text-col
98
114
  width: 100%
99
- text-align: center
100
- background-color: var(--color-acc-bg-1)
101
- color: var(--color-acc-fg-3)
102
- font-size: 2vw
103
- .text-col
104
- width: 100%
105
- height: 100%
106
- overflow-x: hidden
107
- overflow-y: scroll
108
- display: flex
109
- flex-direction: column
110
- align-items: flex-end
111
- justify-content: flex-end
112
- .text-value
113
- width: calc(100% - 2 * 1.0vw)
114
- background-color: var(--color-acc-bg-3)
115
- color: var(--color-acc-fg-3)
116
- border-radius: 0.5vw
117
- font-size: 1.5vw
118
- padding: 0.5vw 1.0vw
119
- margin-bottom: 0.5vw
120
- overflow-wrap: break-word
121
- .text-name
122
- width: 100%
123
- text-align: center
124
- background-color: var(--color-acc-bg-1)
125
- color: var(--color-acc-fg-3)
126
- font-size: 2vw
127
- .text-col.intermediate
128
- .text-value:nth-last-child(2)
129
- background-color: var(--color-sig-bg-3)
130
- color: var(--color-sig-fg-3)
115
+ height: 100%
116
+ overflow-x: hidden
117
+ overflow-y: scroll
118
+ display: flex
119
+ flex-direction: column
120
+ align-items: flex-end
121
+ justify-content: flex-end
122
+ .text-value
123
+ width: calc(100% - 2 * 1.0vw)
124
+ background-color: var(--color-acc-bg-3)
125
+ color: var(--color-acc-fg-5)
126
+ border-radius: 0.5vw
127
+ font-size: 1.5vw
128
+ padding: 0.5vw 1.0vw
129
+ margin-top: 0.5vw
130
+ overflow-wrap: break-word
131
+ .text-col.intermediate
132
+ .text-value:last-child
133
+ background-color: var(--color-sig-bg-3)
134
+ color: var(--color-sig-fg-5)
131
135
  </style>
132
136
 
133
137
  <script setup lang="ts">