This commit is contained in:
Vanessa 2023-02-24 10:33:04 +08:00
parent 27ac32d807
commit 9376ca4f82
2 changed files with 38 additions and 18 deletions

View file

@ -15,14 +15,32 @@
}
&__action {
padding: 16px 24px;
padding: 8px 16px;
& > div > span {
.b3-button {
padding: 8px;
display: block;
color: var(--b3-theme-on-surface);
text-align: center;
line-height: 15px;
font-size: 10px;
margin: 0 auto;
width: 90%;
& > div {
font-size: 46px;
display: block;
line-height: 46px;
margin-bottom: 4px;
}
}
& > div {
flex: 1;
& > span {
display: block;
color: var(--b3-theme-on-surface);
text-align: center;
font-size: 12px;
margin-bottom: 8px;
}
}
}
@ -46,8 +64,6 @@
}
}
}
}

View file

@ -54,32 +54,36 @@ export const openCardByData = (cardsData: ICard[], html = "") => {
${window.siyuan.languages.noDueCard}
</div>
<div class="fn__flex card__action${blocks.length === 0 ? " fn__none" : ""}">
<span class="fn__flex-1"></span>
<button data-type="-1" class="b3-button">Show (S)</button>
<span class="fn__flex-1"></span>
<button data-type="-1" class="b3-button fn__flex-1">Show (S)</button>
</div>
<div class="fn__flex card__action fn__none">
<div>
<span></span>
<button data-type="0" aria-label="1 / j" class="b3-button b3-button--error b3-tooltips__s b3-tooltips">
<span class=""></span>
<div></div>
Again
</button>
</div>
<span class="fn__flex-1"></span>
<div>
<span></span>
<button data-type="1" aria-label="2 / k" class="b3-button b3-button--warning b3-tooltips__s b3-tooltips">Hard</button>
<button data-type="1" aria-label="2 / k" class="b3-button b3-button--warning b3-tooltips__s b3-tooltips">
<div>😬</div>
Hard
</button>
</div>
<span class="fn__flex-1"></span>
<div>
<span></span>
<button data-type="2" aria-label="3 / l" class="b3-button b3-button--info b3-tooltips__s b3-tooltips">Good</button>
<button data-type="2" aria-label="3 / l" class="b3-button b3-button--info b3-tooltips__s b3-tooltips">
<div>😊</div>
Good
</button>
</div>
<span class="fn__flex-1"></span>
<div>
<span></span>
<button data-type="3" aria-label="4 / ;" class="b3-button b3-button--success b3-tooltips__s b3-tooltips">Easy</button>
<button data-type="3" aria-label="4 / ;" class="b3-button b3-button--success b3-tooltips__s b3-tooltips">
<div>🌈</div>
Easy
</button>
</div>
</div>
</div>`,