forked from natuka/web.puabadge.com
修改:订单页面排版优化
This commit is contained in:
1 parent
018a3db13d
commit
d109b1dfd9
1 file changed
+4
-3
@@ -104,20 +104,21 @@ function getStatus(status: number) {
|
|||||||
|
|
||||||
.order-item {
|
.order-item {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: calc(50vw - 4px);
|
width: calc(45vw - 4px);
|
||||||
height: calc(50vw - 4px);
|
height: calc(45vw - 4px);
|
||||||
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
|
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
|
background: #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.order-img {
|
.order-img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: cover;
|
object-fit: contain;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in new issue
Block a user