From 4dfd1d2b0589858612586f809af37cfebe7fc16b Mon Sep 17 00:00:00 2001
From: Ivan Kaziev <ivkaziev@yandex.ru>
Date: Sat, 20 Apr 2024 16:50:38 +0300
Subject: [PATCH] Create film page

---
 CineSync/static/css/home/homepage.css |  6 ---
 CineSync/static/css/style.css         | 66 +++++++++++++++++++++++++++
 2 files changed, 66 insertions(+), 6 deletions(-)

diff --git a/CineSync/static/css/home/homepage.css b/CineSync/static/css/home/homepage.css
index 38e3870..ec9db28 100644
--- a/CineSync/static/css/home/homepage.css
+++ b/CineSync/static/css/home/homepage.css
@@ -11,10 +11,4 @@
 }
 .carousel_title {
     margin-top: 3vw;
-}
-.film_preview_image {
-    object-fit: cover;
-    height: 35vw !important;
-    width: 25vw !important;
-    border-radius: 3vw;
 }
\ No newline at end of file
diff --git a/CineSync/static/css/style.css b/CineSync/static/css/style.css
index 2d4d91d..4102d8b 100644
--- a/CineSync/static/css/style.css
+++ b/CineSync/static/css/style.css
@@ -1,3 +1,45 @@
+.film_preview_image {
+    object-fit: cover;
+    height: 35vw !important;
+    width: 25vw !important;
+    border-radius: 3vw;
+}
+.film_session_image {
+    margin-top: 40px;
+    object-fit: cover;
+    height: 20vw !important;
+    width: 50% !important;
+    border-radius: 3vw;
+}
+.line {
+    width: 30%;
+    height: 5px;
+    background-color: black;
+    position: absolute;
+    top: 70%;
+    border-radius: 3vw;
+    margin-left: 5%;
+    margin-top: 150px;
+}
+h6 {
+    text-align: center;
+    margin-top: 4px;
+}
+.seat_number {
+    width: 20px;
+    height: 18px;
+    text-align: center;
+}
+.buy_btn {
+    float: bottom;
+    margin-top: 40px;
+}
+.ticket_film_image {
+    object-fit: cover;
+    height: 20vw !important;
+    width: 25% !important;
+    border-radius: 3vw;
+}
 .caption_block {
     background-color: rgba(13, 39, 58, 0.8);
     border-radius: 2vw;
@@ -31,6 +73,30 @@
     padding-bottom: 2vw;
     flex-direction: column;
 }
+.seats_card {
+    width: 100%;
+    background-color: #eaeaea;
+    margin-top: 1vw;
+    margin-bottom: 1vw;
+    border-radius: 3vw;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-items: center;
+    justify-content: flex-start;
+
+    width: 50%;
+    margin: 0 auto;
+    margin-top: 20px;
+}
+.card_body {
+    width: 80%;
+    margin-top: 180px;
+    margin: 0 auto;
+}
+.rows {
+    margin-top: 30%;
+}
 .film_card {
     width: 100%;
     background-color: #eaeaea;