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

💄 调整样式

Browse Source
This commit is contained in:
BTMuli
2023-05-16 17:24:43 +08:00
parent cd48a62537
commit e16e8be528
1 changed files with 5 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/t-calendar.vue
View File

@@ -43,10 +43,8 @@
<div class="card-element"> <div class="card-element">
<img :src="item.element" alt="element"> <img :src="item.element" alt="element">
</div> </div>
<div class="card-weapon">
<img :src="item.weapon_type" alt="weapon">
</div>
<div class="card-name"> <div class="card-name">
<img :src="item.weapon_type" alt="weapon">
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
</div> </div>
</div> </div>
@@ -219,15 +217,15 @@ function getContents (day: number) {
.cards-grid { .cards-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
grid-gap: 5px; grid-gap: 10px;
padding: 10px; padding: 10px;
} }
.card-box { .card-box {
position: relative; position: relative;
width: 80px; width: 100px;
height: 80px; height: 100px;
cursor: pointer; cursor: pointer;
} }
@@ -291,17 +289,6 @@ function getContents (day: number) {
object-fit: cover; object-fit: cover;
} }
.card-weapon {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.card-weapon img { .card-weapon img {
width: 20px; width: 20px;
height: 20px; height: 20px;