some progress

2026-03-07 13:29:50 +02:00
parent bf5c92c239
commit 72c2cd9485
15 changed files with 460 additions and 42 deletions
@@ -764,6 +764,52 @@ $fa-font-path:        "/fonts";
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28224, 224, 224, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }
    }
+
+    // Star rating
+    .jq-star{
+        display: inline-block;
+        svg{
+            max-width: 20px;
+            max-height: 20px;
+        }
+    }
+
+    // Movie page
+    .movie-page{
+        .card{
+            .card-header{
+                h1{
+                    display: inline-block;
+                    font-size: 1.7em;
+                }
+            }
+        }
+        .tagline{
+            text-transform: uppercase;
+        }
+        .cast-list{
+            .department{
+                .persons{
+                    .person{
+                        img{
+                            max-width: 45px;
+                            margin-right: 5px;
+                        }
+                        margin-bottom: 30px;
+                    }
+                }
+            }
+        }
+    }
+
+    // Right sidebar - add missing padding
+    .right-sidebar {
+        .trending-movies {
+            .movie-item {
+                padding: 15px;
+            }
+        }
+    }
 }

 body.light-mode{
@@ -1343,6 +1389,7 @@ body.light-mode{
            overflow: hidden;
            margin-bottom: 1.5rem;
            border: 1px solid #e0e0e0;
+            background: white;
            transition: transform 0.2s ease, box-shadow 0.2s ease;

            &:hover {
@@ -1352,6 +1399,7 @@ body.light-mode{

            .card-header {
                background: #f8f9fa;
+                color: #495057;
                padding: 15px;
                font-weight: 600;
                border-bottom: 1px solid #e0e0e0;
@@ -1359,6 +1407,7 @@ body.light-mode{
                h5 {
                    display: flex;
                    align-items: center;
+                    color: #495057;

                    .iconify {
                        margin-right: 8px;
@@ -1369,13 +1418,15 @@ body.light-mode{

            .card-body {
                padding: 15px;
+                color: #495057;
            }
        }

        .movie-info-list {
            .list-group-item {
-                padding: 12px 15px;
+                background-color: white;
                border-color: #e0e0e0;
+                padding: 12px 15px;

                .info-label {
                    color: #6c757d;
@@ -1421,8 +1472,6 @@ body.light-mode{
                }

                .movie-info {
-                    flex: 1;
-
                    h6 {
                        margin-bottom: 5px;
                        font-size: 0.95rem;
@@ -1434,7 +1483,6 @@ body.light-mode{
                        color: #6c757d;
                        display: flex;
                        align-items: center;
-                        margin-bottom: 10px;

                        .iconify {
                            margin-right: 5px;
@@ -1471,7 +1519,6 @@ body.light-mode{

                    a {
                        color: #495057;
-                        text-decoration: none;
                        display: flex;
                        align-items: center;
                        padding: 12px 15px;
@@ -1486,6 +1533,7 @@ body.light-mode{
                        &:hover {
                            color: #0d6efd;
                            background-color: #f8f9fa;
+                            text-decoration: none;
                        }
                    }
                }