diff --git a/modules/admin/AdminController.php b/modules/admin/AdminController.php index 42b01f6..6903c8f 100644 --- a/modules/admin/AdminController.php +++ b/modules/admin/AdminController.php @@ -531,7 +531,7 @@ class AdminController . '.preview-shell{max-width:1080px;margin:0 auto;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(20,22,28,.72);padding:18px;}' . '.preview-head{font-family:"IBM Plex Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.55);margin-bottom:14px;}' . '.ac-shortcode-empty{border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.02);border-radius:14px;padding:12px 14px;color:#9aa0b2;font-size:13px;}' - . '.ac-shortcode-release-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;}' + . '.ac-shortcode-release-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,240px));justify-content:start;gap:12px;}' . '.ac-shortcode-release-card{text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,0.1);background:rgba(15,18,24,0.6);border-radius:14px;overflow:hidden;display:grid;min-height:100%;}' . '.ac-shortcode-release-cover{aspect-ratio:1/1;background:rgba(255,255,255,0.03);display:grid;place-items:center;overflow:hidden;}' . '.ac-shortcode-release-cover img{width:100%;height:100%;object-fit:cover;display:block;}' @@ -539,7 +539,7 @@ class AdminController . '.ac-shortcode-release-meta{padding:10px;display:grid;gap:4px;}' . '.ac-shortcode-release-title{font-size:18px;line-height:1.2;font-weight:600;}' . '.ac-shortcode-release-artist,.ac-shortcode-release-date{color:#9aa0b2;font-size:12px;}' - . '.ac-shortcode-artists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;}' + . '.ac-shortcode-artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,240px));justify-content:start;gap:12px;}' . '.ac-shortcode-artist-card{text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.1);background:rgba(15,18,24,.6);border-radius:14px;overflow:hidden;display:grid;}' . '.ac-shortcode-artist-avatar{aspect-ratio:1/1;background:rgba(255,255,255,.03);display:grid;place-items:center;overflow:hidden;}' . '.ac-shortcode-artist-avatar img{width:100%;height:100%;object-fit:cover;display:block;}' diff --git a/views/site/layout.php b/views/site/layout.php index 8d69f74..1a0c61c 100644 --- a/views/site/layout.php +++ b/views/site/layout.php @@ -285,7 +285,8 @@ if (session_status() === PHP_SESSION_ACTIVE && isset($_SESSION['ac_site_notice'] } .ac-shortcode-release-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); + grid-template-columns: repeat(auto-fill, minmax(190px, 240px)); + justify-content: start; gap: 12px; } .ac-shortcode-release-card { @@ -334,7 +335,8 @@ if (session_status() === PHP_SESSION_ACTIVE && isset($_SESSION['ac_site_notice'] } .ac-shortcode-artists-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); + grid-template-columns: repeat(auto-fill, minmax(190px, 240px)); + justify-content: start; gap: 12px; } .ac-shortcode-artist-card {