fix UI
This commit is contained in:
@@ -306,7 +306,7 @@ function rowProps(row: ProblemFiltered) {
|
|||||||
<style scoped>
|
<style scoped>
|
||||||
.problem-list-toolbar {
|
.problem-list-toolbar {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: minmax(0, 1fr) auto;
|
grid-template-columns: minmax(0, auto) minmax(320px, 1fr);
|
||||||
align-items: start;
|
align-items: start;
|
||||||
gap: 12px 16px;
|
gap: 12px 16px;
|
||||||
}
|
}
|
||||||
@@ -317,7 +317,8 @@ function rowProps(row: ProblemFiltered) {
|
|||||||
|
|
||||||
.problem-list-hitokoto {
|
.problem-list-hitokoto {
|
||||||
justify-self: end;
|
justify-self: end;
|
||||||
width: min(400px, 30vw);
|
width: 100%;
|
||||||
|
max-width: 720px;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -44,7 +44,6 @@ onMounted(receive)
|
|||||||
|
|
||||||
.hitokoto .sentence {
|
.hitokoto .sentence {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 400px;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
@@ -54,7 +53,6 @@ onMounted(receive)
|
|||||||
|
|
||||||
.hitokoto .from {
|
.hitokoto .from {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 400px;
|
|
||||||
text-align: right;
|
text-align: right;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
Reference in New Issue
Block a user