Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-15 09:48:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(icon): 查看按钮 prepend icon 变更

Browse Source
This commit is contained in:
BTMuli
2023-04-02 20:48:49 +08:00
parent 7207a901b5
commit d9b717592b
5 changed files with 46 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/assets/icons/circle-check.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg width="256.000000" height="256.000000" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<desc>
Created with Pixso.
</desc>
<g clip-path="url(#clip6_1)">
<circle id="椭圆 3" cx="128.000000" cy="128.000000" r="125.000000" fill="#313131"/>
<ellipse id="椭圆 4" cx="128.000000" cy="128.000000" rx="72.499992" ry="72.500000" stroke="#FFCB32" stroke-width="15.000000"/>
</g>
<defs>
<clipPath id="clip6_1">
<rect id="circle-check" width="256.000000" height="256.000000" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 598 B

17
src/assets/index.css
View File

@@ -12,11 +12,24 @@
/* card action 内的按钮 */
.card-btn {
background: #546d8b !important;
color: #faf7e8 !important;
background: #4a5366;
color: #ece5d8;
border-radius: 50px;
margin-left: 5px;
}
.card-btn img {
width: 20px;
height: 20px;
margin: 5px;
}
.card-dev-btn {
background: #546d8b;
color: #faf7e8;
}
.card-dev-btn img {
width: 18px;
height: 18px;
}