From 39d52f353c39aada7f35169e4176065cab201057 Mon Sep 17 00:00:00 2001
From: pteroca-com <pterocacom@gmail.com>
Date: Mon, 9 Sep 2024 22:03:00 +0200
Subject: [PATCH] Refactor/template styles (#14)

* Moved all styles to css files

* Updated version

---------

Co-authored-by: Konrad Sroga <konradsroga@gmail.com>
---
 public/assets/css/panel.css                      |  8 ++++++++
 src/Core/Twig/AppExtension.php                   |  2 +-
 templates/panel/registration/register.html.twig  | 11 -----------
 templates/panel/reset_password/request.html.twig | 11 -----------
 templates/panel/reset_password/reset.html.twig   | 11 -----------
 templates/panel/store/product.html.twig          | 16 +---------------
 templates/panel/store/renew.html.twig            | 16 +---------------
 7 files changed, 11 insertions(+), 64 deletions(-)

diff --git a/public/assets/css/panel.css b/public/assets/css/panel.css
index 5b41f26..caf695a 100644
--- a/public/assets/css/panel.css
+++ b/public/assets/css/panel.css
@@ -126,4 +126,12 @@ a:hover {
     border: 1px solid #e0e0e0;
     border-radius: 8px;
     box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.05);
+}
+
+.product-image-container {
+    height: 200px;
+    width: 100%;
+    overflow: hidden;
+    background-size: cover;
+    border-radius: 7px;
 }
\ No newline at end of file
diff --git a/src/Core/Twig/AppExtension.php b/src/Core/Twig/AppExtension.php
index f98423f..675a498 100644
--- a/src/Core/Twig/AppExtension.php
+++ b/src/Core/Twig/AppExtension.php
@@ -89,6 +89,6 @@ public function getCaptchaSiteKey(): ?string
 
     public function getAppVersion(): string
     {
-        return '0.2.1';
+        return '0.2.2';
     }
 }
\ No newline at end of file
diff --git a/templates/panel/registration/register.html.twig b/templates/panel/registration/register.html.twig
index 9977f1f..8d7b280 100644
--- a/templates/panel/registration/register.html.twig
+++ b/templates/panel/registration/register.html.twig
@@ -6,17 +6,6 @@
 {% block stylesheets %}
     <link rel="stylesheet" href="{{ asset('/assets/css/app.css') }}">
     <link rel="stylesheet" href="{{ asset('/assets/css/panel.css?v=' ~ get_app_version()) }}">
-    <style>
-        body {
-            background: #f1f5f9;
-        }
-        .login-wrapper {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            height: 100vh;
-        }
-    </style>
 {% endblock %}
 
 {% block body %}
diff --git a/templates/panel/reset_password/request.html.twig b/templates/panel/reset_password/request.html.twig
index 5f7a469..948b83b 100644
--- a/templates/panel/reset_password/request.html.twig
+++ b/templates/panel/reset_password/request.html.twig
@@ -9,17 +9,6 @@
 {% endblock %}
 
 {% block body %}
-    <style>
-        body {
-            background: #f1f5f9;
-        }
-        .login-wrapper {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            height: 100vh;
-        }
-    </style>
     <div class="container">
         <div class="row">
             <div class="col-12">
diff --git a/templates/panel/reset_password/reset.html.twig b/templates/panel/reset_password/reset.html.twig
index 56ed0c7..62ec29c 100644
--- a/templates/panel/reset_password/reset.html.twig
+++ b/templates/panel/reset_password/reset.html.twig
@@ -9,17 +9,6 @@
 {% endblock %}
 
 {% block body %}
-    <style>
-        body {
-            background: #f1f5f9;
-        }
-        .login-wrapper {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            height: 100vh;
-        }
-    </style>
     <div class="container">
         <div class="row">
             <div class="col-12">
diff --git a/templates/panel/store/product.html.twig b/templates/panel/store/product.html.twig
index f888826..11c8b8b 100644
--- a/templates/panel/store/product.html.twig
+++ b/templates/panel/store/product.html.twig
@@ -8,25 +8,11 @@
     </a>
 {% endblock %}
 
-{% block head_stylesheets %}
-    {{ parent() }}
-    <style>
-        .product-image-container {
-            height: 200px;
-            width: 100%;
-            overflow: hidden;
-            background: url("{{ product.imagePath ?? asset('/assets/img/placeholders/300x150.png') }}") no-repeat center center;
-            background-size: cover;
-            border-radius: 7px;
-        }
-    </style>
-{% endblock %}
-
 {% block main %}
     <div class="container mt-5 product-details">
         <h1 class="product-name">{{ product.name }}</h1>
         <div class="row">
-            <div class="col-md-12 product-image-container mt-3 mb-5"></div>
+            <div class="col-md-12 product-image-container mt-3 mb-5" style='background: url("{{ product.imagePath ?? asset('/assets/img/placeholders/300x150.png') }}")'></div>
             <div class="col-md-8">
                 <h2>{{ 'pteroca.product.information'|trans }}</h2>
                 <p>{{ product.description }}</p>
diff --git a/templates/panel/store/renew.html.twig b/templates/panel/store/renew.html.twig
index 277d68f..ec14748 100644
--- a/templates/panel/store/renew.html.twig
+++ b/templates/panel/store/renew.html.twig
@@ -8,25 +8,11 @@
     </a>
 {% endblock %}
 
-{% block head_stylesheets %}
-    {{ parent() }}
-    <style>
-        .product-image-container {
-            height: 200px;
-            width: 100%;
-            overflow: hidden;
-            background: url("{{ product.imagePath ?? asset('/assets/img/placeholders/300x150.png') }}") no-repeat center center;
-            background-size: cover;
-            border-radius: 7px;
-        }
-    </style>
-{% endblock %}
-
 {% block main %}
     <div class="container mt-5 product-details">
         <h1>{{ 'pteroca.renew.title'|trans }}: {{ product.name }}</h1>
         <div class="row">
-            <div class="col-md-12 product-image-container mt-3 mb-5"></div>
+            <div class="col-md-12 product-image-container mt-3 mb-5" style='background: url("{{ product.imagePath ?? asset('/assets/img/placeholders/300x150.png') }}")'></div>
             <div class="col-md-8">
                 <h2>{{ 'pteroca.product.information'|trans }}</h2>
                 <p>{{ product.description }}</p>