diff --git a/resources/views/business/pages/systemization-todos.blade.php b/resources/views/business/pages/systemization-todos.blade.php index b488f337..c98e0d21 100644 --- a/resources/views/business/pages/systemization-todos.blade.php +++ b/resources/views/business/pages/systemization-todos.blade.php @@ -83,9 +83,9 @@ .sys-todo-badge { display:inline-flex; align-items:center; padding:.1rem .45rem; border:1px solid #dfd6c5; border-radius:999px; background:#faf6ee; color:#51483c; white-space:nowrap; } .sys-todo-badge--incomplete { border-color:#dbbf7a; background:#fff7df; color:#935f07; } .sys-todo-badge--completed { border-color:#bad0ac; background:#f2f8ed; color:#53793e; } - .sys-todo-shots { display:flex; flex-wrap:wrap; gap:.3rem; max-width:13rem; } - .sys-todo-shots button { display:block; width:4.25rem; height:3.2rem; padding:0; border:1px solid #ddd4c4; border-radius:.35rem; overflow:hidden; background:#faf8f3; cursor:zoom-in; } - .sys-todo-shots img { width:100%; height:100%; object-fit:cover; } + .sys-todo-shots { display:grid; grid-template-columns:repeat(auto-fit,minmax(7rem,1fr)); gap:.4rem; max-width:none; } + .sys-todo-shots button { display:block; width:100%; height:5.5rem; padding:0; border:1px solid #ddd4c4; border-radius:.4rem; overflow:hidden; background:#fff; cursor:zoom-in; } + .sys-todo-shots img { width:100%; height:100%; padding:.2rem; object-fit:contain; background:#fff; } .sys-todo-table__add { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.5rem .75rem; margin-top:1rem; padding:.55rem .7rem; border:1px dashed #d8cdb8; border-radius:.55rem; background:#fcfaf5; color:#666; font-size:.72rem; } .sys-todo-table__add-copy { min-width:16rem; flex:1 1 30rem; } .sys-todo-table__reset-widths { min-height:1.8rem; padding:0 .55rem; border:1px solid var(--sys-border); border-radius:.4rem; background:#fff; color:#51483c; font:inherit; font-size:.7rem; cursor:pointer; } @@ -146,7 +146,7 @@ .sys-todo-existing { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:.45rem; } .sys-todo-existing__item { display:grid; gap:.25rem; width:8.5rem; padding:.4rem; border:1px solid #e4dccd; border-radius:.45rem; background:#fcfaf5; font-size:.7rem; } .sys-todo-existing__item button { display:block; width:100%; padding:0; border:0; border-radius:.3rem; background:#fff; cursor:zoom-in; overflow:hidden; } - .sys-todo-existing__item img { display:block; width:100%; height:5rem; object-fit:cover; background:#fff; } + .sys-todo-existing__item img { display:block; width:100%; height:5rem; object-fit:contain; background:#fff; } .sys-todo-existing__item label { display:flex; align-items:center; gap:.25rem; color:#b80000; } .sys-todo-dialog__foot { display:flex; justify-content:flex-end; gap:.5rem; padding:.75rem 1.25rem; border-top:1px solid #e8e0d2; background:#fcfaf5; } .sys-todo-dialog__foot button { min-height:2.1rem; padding:0 .9rem; border:1px solid var(--sys-border); border-radius:.45rem; background:#fff; font:inherit; font-size:.8125rem; cursor:pointer; } @@ -370,7 +370,7 @@ - + diff --git a/tests/Feature/Business/SystemizationTodosTest.php b/tests/Feature/Business/SystemizationTodosTest.php index d1b1e8b8..89e792eb 100644 --- a/tests/Feature/Business/SystemizationTodosTest.php +++ b/tests/Feature/Business/SystemizationTodosTest.php @@ -68,6 +68,8 @@ class SystemizationTodosTest extends FeatureTestCase ->assertSee('id="sysTodoDeleteConfirm"', false) ->assertSee('data-sys-todo-table-wrap', false) ->assertSee('data-sys-todo-scrollrail', false) + ->assertSee('object-fit:contain', false) + ->assertSee('data-sys-todo-col="screenshots" data-default-width="180" data-min-width="140"', false) ->assertDontSee('playlist_add', false) ->assertDontSee('操作', false) ->assertDontSeeText('下一页')