update: form RWD
This commit is contained in:
@@ -45,3 +45,15 @@ function submit() {
|
|||||||
</fieldset>
|
</fieldset>
|
||||||
</form>
|
</form>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.ts-control {
|
||||||
|
--label-width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ts-control .content.is-fluid {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -97,4 +97,14 @@ const avatarUrl = computed(() => {
|
|||||||
color: red;
|
color: red;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.ts-control {
|
||||||
|
--label-width: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ts-control .content.is-fluid {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user