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

💄 调整布局

Browse Source
This commit is contained in:
BTMuli
2023-08-27 14:52:52 +08:00
parent fcc98ab2c1
commit 5d967ac110
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/main/t-pool.vue
View File

@@ -213,10 +213,13 @@ onUnmounted(() => {
<style lang="css" scoped> <style lang="css" scoped>
.pool-box { .pool-box {
display: flex;
flex-direction: column;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
margin-bottom: 10px; margin-bottom: 10px;
box-shadow: 0 0 10px var(--common-shadow-4); box-shadow: 0 0 10px var(--common-shadow-4);
gap: 10px;
} }
.pool-title { .pool-title {
@@ -236,15 +239,16 @@ onUnmounted(() => {
} }
.pool-grid { .pool-grid {
display: grid; display: flex;
margin-top: 10px; align-items: center;
gap: 20px; justify-content: space-between;
grid-template-columns: repeat(auto-fill, minmax(600px, 1fr)); gap: 10px;
} }
.pool-card { .pool-card {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
width: 50%;
border-radius: 5px; border-radius: 5px;
background: var(--common-bg-1); background: var(--common-bg-1);
color: var(--common-bgt-1); color: var(--common-bgt-1);