diff --git a/resources/sass/app.scss b/resources/sass/app.scss index 9ade0c8..097e6e3 100644 --- a/resources/sass/app.scss +++ b/resources/sass/app.scss @@ -327,26 +327,70 @@ $fa-font-path: "/fonts"; border: 1px solid #333; background: #2a2a2a; box-shadow: 0 2px 4px rgba(0,0,0,0.2); + border-radius: 8px; + overflow: hidden; + transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; &:hover { transform: translateY(-5px); box-shadow: 0 4px 8px rgba(0,0,0,0.3); } + img { + width: 100%; + height: auto; + object-fit: cover; + border-radius: 8px 8px 0 0; + } + .quick-actions{ + list-style: none; + padding: 0; + margin: 0; + display: flex; + justify-content: space-between; background: #333; border-top: 1px solid #444; li { + flex: 1; + text-align: center; border-right: 1px solid #444; + &:last-child { + border-right: none; + } + a { color: #a0a0a0; + text-decoration: none; + display: flex; + flex-direction: column; + align-items: center; + gap: 4px; + padding: 8px; + transition: all 0.2s ease; + font-size: 0.85rem; &:hover { background: #444; color: #e0e0e0; } + + .iconify { + font-size: 1.1rem; + } + } + + // Special styling for the rating item + &:last-child a { + flex-direction: row; + justify-content: center; + gap: 4px; + + .iconify { + margin-top: 0; + } } } } diff --git a/resources/views/movie/show.blade.php b/resources/views/movie/show.blade.php index 49315fe..8b3f947 100644 --- a/resources/views/movie/show.blade.php +++ b/resources/views/movie/show.blade.php @@ -315,9 +315,6 @@ Add to list - - -