Layout of banner for ticket

src/Bundle/ChillTicketBundle/chill.webpack.config.js

@@ -1,4 +1,4 @@
 module.exports = function(encore, entries) {
-    encore.addEntry('mod_ticket', __dirname + '/src/Resources/public/module/ticket/index.ts');
+    encore.addEntry('page_ticket', __dirname + '/src/Resources/public/page/ticket/index.ts');
     encore.addEntry('vue_ticket_app', __dirname + '/src/Resources/public/vuejs/TicketApp/index.ts');
 };

src/Bundle/ChillTicketBundle/src/Resources/public/page/ticket/banner.scss

@@ -0,0 +1,24 @@
+@import '~ChillMainAssets/module/bootstrap/shared';
+
+div.banner {
+    div#header-ticket-main {
+        background: none repeat scroll 0 0 #ae986fFF;
+        color: $white;
+        padding-top: 1em;
+        padding-bottom: 1em;
+    }
+    div#header-ticket-details {
+        background: none repeat scroll 0 0 #d3c7b1FF;
+        color: $white;
+        padding-top: 1em;
+        padding-bottom: 1em;
+        div.contact {
+            display: flex;
+            align-content: center;
+            & > * {
+                margin-right: 1em;
+            }
+        }
+    }
+}
+

src/Bundle/ChillTicketBundle/src/Resources/views/layout.html.twig

@@ -1,5 +1,12 @@
 {% extends '@ChillMain/layout.html.twig' %}
 
+{% block css %}
+    {{ encore_entry_link_tags('page_ticket') }}
+{% endblock %}
+
+{% block js %}
+    {{ encore_entry_script_tags('page_ticket') }}
+{% endblock %}
 
 {% block top_banner %}
     {{ include('@ChillTicket/Banner/banner.html.twig') }}