|
|
@@ -407,6 +407,8 @@ export default {
|
|
|
margin-bottom: 30px;
|
|
|
& > img {
|
|
|
width: 100%;
|
|
|
+ max-height: 400px;
|
|
|
+ object-fit: cover;
|
|
|
}
|
|
|
}
|
|
|
.nameO {
|
|
|
@@ -574,11 +576,11 @@ export default {
|
|
|
align-items: center;
|
|
|
}
|
|
|
input {
|
|
|
+ width: calc(100% - 100px);
|
|
|
height: 40px;
|
|
|
padding: 0 5px;
|
|
|
border: 1px solid #c7c7c7;
|
|
|
border-radius: 5px;
|
|
|
- flex: 1;
|
|
|
}
|
|
|
input:disabled {
|
|
|
background-color: #c9c9c9;
|
|
|
@@ -593,10 +595,10 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.endFrom {
|
|
|
+ pointer-events: none;
|
|
|
+ .row .numChange .none {
|
|
|
pointer-events: none;
|
|
|
- .row .numChange .none{
|
|
|
- pointer-events: none;
|
|
|
- }
|
|
|
+ }
|
|
|
}
|
|
|
.btn {
|
|
|
background-color: #858b6b;
|
|
|
@@ -614,4 +616,20 @@ export default {
|
|
|
pointer-events: none;
|
|
|
}
|
|
|
}
|
|
|
+@media screen and (max-width: 330px) {
|
|
|
+ .Info {
|
|
|
+ .from {
|
|
|
+ .row {
|
|
|
+ .name {
|
|
|
+ width: 80px;
|
|
|
+ min-width: 80px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ input {
|
|
|
+ width: calc(100% - 80px);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|