b0txec
45 lines
926 B
CSS
45 lines
926 B
CSS
.resultTitle {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 10px 0;
|
|
}
|
|
.resultTitle>span:first-child{display:flex;flex-wrap:wrap;gap:7px}.resultTitle>span:first-child br{display:none}.resultTitle input{margin:0}.grid-view{margin-top:12px}.grid-view .item,.list-view .item{border:1px solid var(--border);border-radius:12px;background:var(--surface)!important;box-shadow:var(--shadow-sm)}
|
|
|
|
.resultTitle h3 {
|
|
margin: 0;
|
|
}
|
|
|
|
.queryError {
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.grid-view {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
|
grid-gap: 10px;
|
|
}
|
|
|
|
.grid-view .item {
|
|
background-color: #f2f2f2;
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.list-view {
|
|
display: flex;
|
|
flex-direction: column;
|
|
grid-gap: 10px;
|
|
}
|
|
|
|
.list-view .item {
|
|
background-color: #f2f2f2;
|
|
padding: 10px;
|
|
max-width: 300px;
|
|
}
|
|
|
|
.list-view .item h4 {
|
|
float: right;
|
|
display: block;
|
|
}
|