Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-23 01:50:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

💄 bazaar

Browse source
This commit is contained in:
Vanessa 2023-05-10 15:13:47 +08:00
parent 37abb9628d
commit a4b13e4894
2 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
app/src/assets/scss/component/_card.scss
View file

@ -37,23 +37,24 @@
margin: 16px 0 16px 16px; margin: 16px 0 16px 16px;
img { img {
height: 54px; height: 74px;
object-fit: cover; object-fit: cover;
border-radius: 4px; border-radius: 4px;
width: 54px; width: 74px;
} }
} }
&__info { &__info {
padding: 16px 16px 4px; padding: 16px 16px 4px;
line-height: 18px;
} }
&__desc { &__desc {
color: var(--b3-theme-on-surface); color: var(--b3-theme-on-surface);
font-size: 12px; font-size: 12px;
margin-top: 4px; margin-top: 4px;
height: 36px; max-height: 54px;
@include text-clamp(2); @include text-clamp(3);
} }
&__actions { &__actions {
@ -61,5 +62,6 @@
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
font-size: 12px; font-size: 12px;
line-height: 14px;
} }
} }

5
app/src/config/bazaar.ts
View file

@ -14,6 +14,7 @@ import {setStorageVal} from "../protyle/util/compatibility";
import {hasClosestByAttribute, hasClosestByClassName} from "../protyle/util/hasClosest"; import {hasClosestByAttribute, hasClosestByClassName} from "../protyle/util/hasClosest";
import {Plugin} from "../plugin"; import {Plugin} from "../plugin";
import {App} from "../index"; import {App} from "../index";
import {escapeAttr} from "../util/escape";
export const bazaar = { export const bazaar = {
element: undefined as Element, element: undefined as Element,
@ -183,7 +184,7 @@ export const bazaar = {
<div class="fn__flex-1 fn__flex-column"> <div class="fn__flex-1 fn__flex-column">
<div class="b3-card__info fn__flex-1"> <div class="b3-card__info fn__flex-1">
${item.preferredName} <span class="ft__on-surface ft__smaller">${item.name}</span> ${item.preferredName} <span class="ft__on-surface ft__smaller">${item.name}</span>
<div class="b3-card__desc"> <div class="b3-card__desc" title="${escapeAttr(item.preferredDesc) || ""}">
${item.preferredDesc || ""} ${item.preferredDesc || ""}
</div> </div>
</div> </div>
@ -253,7 +254,7 @@ export const bazaar = {
<div class="fn__flex-1 fn__flex-column"> <div class="fn__flex-1 fn__flex-column">
<div class="b3-card__info fn__flex-1"> <div class="b3-card__info fn__flex-1">
${item.preferredName} <span class="ft__on-surface ft__smaller">${item.name}</span> ${item.preferredName} <span class="ft__on-surface ft__smaller">${item.name}</span>
<div class="b3-card__desc">${item.preferredDesc || ""}</div> <div class="b3-card__desc" title="${escapeAttr(item.preferredDesc) || ""}">${item.preferredDesc || ""}</div>
</div> </div>
<div class="b3-card__actions"> <div class="b3-card__actions">
${item.preferredFunding ? `<a target="_blank" href="${item.preferredFunding}" data-type="a" class="block__icon block__icon--show" aria-label="${window.siyuan.languages.sponsor} ${item.preferredFunding}"><svg class="ft__pink"><use xlink:href="#iconHeart"></use></svg></a>` : ""} ${item.preferredFunding ? `<a target="_blank" href="${item.preferredFunding}" data-type="a" class="block__icon block__icon--show" aria-label="${window.siyuan.languages.sponsor} ${item.preferredFunding}"><svg class="ft__pink"><use xlink:href="#iconHeart"></use></svg></a>` : ""}