mirror of
https://github.com/0PandaDEV/Qopy.git
synced 2025-04-21 21:24:05 +02:00
feat: add icon support to app info display and update styles for improved layout in index.scss
This commit is contained in:
parent
f890851a59
commit
1ec040ef1e
5 changed files with 71 additions and 160 deletions
|
@ -59,6 +59,7 @@
|
|||
<span
|
||||
:class="{ 'url-truncate': row.isUrl }"
|
||||
:data-text="row.value">
|
||||
<img v-if="row.icon" :src="row.icon" :alt="String(row.value)">
|
||||
{{ row.value }}
|
||||
</span>
|
||||
</div>
|
||||
|
@ -747,7 +748,12 @@ const infoRows = computed(() => {
|
|||
if (!getInfo.value) return [];
|
||||
|
||||
const commonRows = [
|
||||
{ label: "Source", value: getInfo.value.source, isUrl: false },
|
||||
{
|
||||
label: "Source",
|
||||
value: getInfo.value.source,
|
||||
isUrl: false,
|
||||
icon: selectedItem.value?.source_icon ? `data:image/png;base64,${selectedItem.value.source_icon}` : undefined
|
||||
},
|
||||
{
|
||||
label: "Content Type",
|
||||
value:
|
||||
|
@ -759,7 +765,7 @@ const infoRows = computed(() => {
|
|||
|
||||
const typeSpecificRows: Record<
|
||||
ContentType,
|
||||
Array<{ label: string; value: string | number; isUrl?: boolean }>
|
||||
Array<{ label: string; value: string | number; isUrl?: boolean; icon?: string }>
|
||||
> = {
|
||||
[ContentType.Text]: [
|
||||
{ label: "Characters", value: (getInfo.value as InfoText).characters },
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue