center history bar and shrink thumbnails on remove bg page
This commit is contained in:
parent
51af51a10e
commit
4d4ab272ca
@ -604,7 +604,6 @@ h1 {
|
|||||||
.tool-container {
|
.tool-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 24px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 上传区域 */
|
/* 上传区域 */
|
||||||
@ -911,18 +910,20 @@ h1 {
|
|||||||
/* 底部历史记录栏 */
|
/* 底部历史记录栏 */
|
||||||
.history-bar {
|
.history-bar {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 16px 0;
|
padding: 16px 0 0;
|
||||||
background: white;
|
background: transparent;
|
||||||
border-top: 1px solid #e5e7eb;
|
border-top: none;
|
||||||
margin-top: 24px;
|
margin-top: 24px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.history-scroll-container {
|
.history-scroll-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 12px;
|
gap: 10px;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
padding: 0 16px;
|
padding: 0;
|
||||||
scrollbar-width: thin;
|
scrollbar-width: thin;
|
||||||
scrollbar-color: #cbd5e1 transparent;
|
scrollbar-color: #cbd5e1 transparent;
|
||||||
|
|
||||||
@ -946,8 +947,8 @@ h1 {
|
|||||||
|
|
||||||
.history-item {
|
.history-item {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
width: 80px;
|
width: 64px;
|
||||||
height: 80px;
|
height: 64px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all 0.2s ease;
|
transition: all 0.2s ease;
|
||||||
@ -1073,11 +1074,6 @@ h1 {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.history-item {
|
|
||||||
width: 64px;
|
|
||||||
height: 64px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.history-scroll-container {
|
.history-scroll-container {
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user