WuttaWeb 0.12.0__tar.gz → 0.12.1__tar.gz

{wuttaweb-0.12.0 → wuttaweb-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

{wuttaweb-0.12.0 → wuttaweb-0.12.1}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.3
 Name: WuttaWeb
-Version: 0.12.0
+Version: 0.12.1
 Summary: Web App for Wutta Framework
 Project-URL: Homepage, https://wuttaproject.org/
 Project-URL: Repository, https://forgejo.wuttaproject.org/wutta/wuttaweb

{wuttaweb-0.12.0 → wuttaweb-0.12.1}/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"}]

{wuttaweb-0.12.0 → wuttaweb-0.12.1}/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()}

{wuttaweb-0.12.0 → wuttaweb-0.12.1}/src/wuttaweb/templates/base.mako

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

wuttaweb-0.12.1/src/wuttaweb/templates/home.mako

@@ -0,0 +1,35 @@
+## -*- coding: utf-8; -*-
+<%inherit file="/page.mako" />
+<%namespace name="base_meta" file="/base_meta.mako" />
+
+<%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 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>

{wuttaweb-0.12.0 → wuttaweb-0.12.1}/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>

wuttaweb-0.12.0/src/wuttaweb/templates/home.mako

@@ -1,12 +0,0 @@
-## -*- coding: utf-8; -*-
-<%inherit file="/page.mako" />
-<%namespace name="base_meta" file="/base_meta.mako" />
-
-<%def name="title()">Home</%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>
-    <h1 class="is-size-1">Welcome to ${app.get_title()}</h1>
-  </div>
-</%def>