fix travel style

This commit is contained in:
Timi
2025-12-16 16:57:49 +08:00
parent e650571563
commit f0f2815971
32 changed files with 1238 additions and 594 deletions

View File

@ -18,32 +18,31 @@
}
}
.travel-list {
.travels {
width: 100vw;
padding: 16rpx;
min-height: 100vh;
box-sizing: border-box;
padding-bottom: 120rpx;
.travel-card {
background: var(--theme-bg-card);
margin-bottom: 24rpx;
border-radius: 16rpx;
.travel {
overflow: hidden;
box-shadow: 0 2px 12px var(--theme-shadow-light);
transition: all .3s;
background: var(--theme-bg-card);
margin-bottom: 24rpx;
border-radius: 16rpx;
&:active {
transform: scale(.98);
box-shadow: 0 2px 8px var(--theme-shadow-light);
}
.card-header {
.header {
padding: 24rpx;
border-bottom: 1px solid var(--theme-border-light);
}
.card-body {
.body {
padding: 24rpx;
.title {
@ -71,7 +70,7 @@
display: flex;
flex-wrap: wrap;
.meta-item {
.item {
gap: 8rpx;
display: flex;
align-items: center;