MkPostForm.vueのデザイン改善
This commit is contained in:
parent
d1bb0f8eb5
commit
d1eeca709c
|
@ -37,6 +37,7 @@
|
|||
- 위젯 편집 시 버튼의 디자인 개선
|
||||
- 글꼴 크기를 보다 쉽게 변경할 수 있도록
|
||||
- 볼드체 텍스트 설정 추가
|
||||
- 노트 작성 폼의 디자인 개선
|
||||
- Fix: (Friendly) 위젯 영역에 safe-area-inset-bottom이 적용되지 않음
|
||||
- Fix: 위젯 편집 시 헤더 이외의 영역을 눌렀을 때 위젯 설정이 뜨는 문제
|
||||
- Fix: 위젯 편집 종료 버튼이 여러 개 있는 문제
|
||||
|
|
|
@ -913,7 +913,7 @@ defineExpose({
|
|||
|
||||
&.modal {
|
||||
width: 100%;
|
||||
max-width: 800px;
|
||||
max-width: 640px;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -924,6 +924,7 @@ defineExpose({
|
|||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
gap: 4px;
|
||||
padding: 8px 12px;
|
||||
}
|
||||
|
||||
.headerLeft {
|
||||
|
@ -1048,7 +1049,7 @@ defineExpose({
|
|||
}
|
||||
|
||||
.toSpecified {
|
||||
padding: 6px 24px;
|
||||
padding: 6px 30px;
|
||||
margin-bottom: 8px;
|
||||
overflow: auto;
|
||||
white-space: nowrap;
|
||||
|
@ -1076,7 +1077,7 @@ defineExpose({
|
|||
.text {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
padding: 0 24px;
|
||||
padding: 0 30px;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
|
@ -1121,7 +1122,7 @@ defineExpose({
|
|||
max-width: 100%;
|
||||
min-width: 100%;
|
||||
width: 100%;
|
||||
min-height: 90px;
|
||||
min-height: 140px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
@ -1188,6 +1189,10 @@ defineExpose({
|
|||
}
|
||||
|
||||
@container (max-width: 500px) {
|
||||
.header {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.headerRight {
|
||||
font-size: .9em;
|
||||
}
|
||||
|
@ -1205,20 +1210,30 @@ defineExpose({
|
|||
}
|
||||
|
||||
.toSpecified {
|
||||
padding: 6px 16px;
|
||||
padding: 6px 22px;
|
||||
}
|
||||
|
||||
.preview {
|
||||
padding: 16px 14px 0 14px;
|
||||
}
|
||||
|
||||
.cw,
|
||||
.hashtags,
|
||||
.text {
|
||||
padding: 0 16px;
|
||||
// padding: 0 16px;
|
||||
}
|
||||
|
||||
.cw {
|
||||
padding: 0 22px 8px;
|
||||
}
|
||||
|
||||
.hashtags {
|
||||
padding: 8px 22px;
|
||||
}
|
||||
|
||||
.text {
|
||||
min-height: 80px;
|
||||
min-height: 120px;
|
||||
padding: 0 22px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
|
|
Loading…
Reference in a new issue