bump: version 0.12.0 → 0.12.1

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to wuttaweb will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## v0.12.1 (2024-08-22)
+
+### Fix
+
+- improve home, login page styles for large logo image
+
 ## v0.12.0 (2024-08-22)
 
 ### Feat

pyproject.toml

@@ -6,7 +6,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "WuttaWeb"
-version = "0.12.0"
+version = "0.12.1"
 description = "Web App for Wutta Framework"
 readme = "README.md"
 authors = [{name = "Lance Edgar", email = "lance@edbob.org"}]

src/wuttaweb/templates/auth/login.mako

@@ -4,9 +4,32 @@
 
 <%def name="title()">Login</%def>
 
+<%def name="extra_styles()">
+  ${parent.extra_styles()}
+  <style>
+    .wutta-page-content {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        gap: 1rem;
+    }
+    .wutta-logo {
+        margin-top: 2rem;
+        display: flex;
+        justify-content: center;
+    }
+    .wutta-logo img {
+        max-height: 350px;
+        max-width: 800px;
+    }
+  </style>
+</%def>
+
 <%def name="page_content()">
-  <div style="height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem;">
-    <div>${base_meta.full_logo(image_url or None)}</div>
+  <div class="wutta-page-content">
+    <div class="wutta-logo">${base_meta.full_logo(image_url or None)}</div>
     <div class="card">
       <div class="card-content">
         ${form.render_vue_tag()}

src/wuttaweb/templates/base.mako

@@ -151,6 +151,10 @@
         white-space: nowrap;
     }
 
+    .wutta-page-content-wrapper {
+        height: 100%;
+    }
+
     ##############################
     ## grids
     ##############################

src/wuttaweb/templates/home.mako

@@ -4,9 +4,32 @@
 
 <%def name="title()">Home</%def>
 
+<%def name="extra_styles()">
+  ${parent.extra_styles()}
+  <style>
+    .wutta-page-content {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        gap: 1rem;
+    }
+    .wutta-logo {
+        margin-top: 2rem;
+        display: flex;
+        justify-content: center;
+    }
+    .wutta-logo img {
+        max-height: 350px;
+        max-width: 800px;
+    }
+  </style>
+</%def>
+
 <%def name="page_content()">
-  <div style="height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem;">
-    <div>${base_meta.full_logo(image_url or None)}</div>
+  <div class="wutta-page-content">
+    <div class="wutta-logo">${base_meta.full_logo(image_url or None)}</div>
     <h1 class="is-size-1">Welcome to ${app.get_title()}</h1>
   </div>
 </%def>

src/wuttaweb/templates/page.mako

@@ -11,7 +11,7 @@
 
 <%def name="render_vue_template_this_page()">
   <script type="text/x-template" id="this-page-template">
-    <div style="height: 100%;">
+    <div class="wutta-page-content-wrapper">
       ${self.page_content()}
     </div>
   </script>