1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
| <script lang="ts">
| import appIconUrl from '../../assets/app-icon.png'
|
| interface Props {
| size?: number
| label?: string
| elevated?: boolean
| }
|
| let {
| size = 56,
| label = 'PrivateVoice Input',
| elevated = false,
| }: Props = $props()
| </script>
|
| <img
| class="app-icon-image"
| class:elevated
| src={appIconUrl}
| alt={label}
| style={`width: ${size}px; height: ${size}px;`}
| draggable="false"
| />
|
| <style>
| .app-icon-image {
| display: block;
| object-fit: contain;
| flex-shrink: 0;
| }
|
| .app-icon-image.elevated {
| filter: drop-shadow(0 10px 24px rgba(0, 96, 180, 0.18));
| }
| </style>
|
|
