Make banners similar between frameworks (#24050)

jhipster · Oct 30, 2023 · e68a3a4 · e68a3a4
1 parent b2da792
commit e68a3a4
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/generators/react/templates/src/main/webapp/app/modules/home/home.tsx.ejs b/generators/react/templates/src/main/webapp/app/modules/home/home.tsx.ejs
@@ -50,7 +50,7 @@ export const Home = () => {
         <span className="hipster rounded" />
       </Col>
       <Col md="9">
-        <h2><Translate contentKey="home.title">Welcome, <%= backendType %> Hipster!</Translate></h2>
+        <h1 className="display-4"><Translate contentKey="home.title">Welcome, <%= backendType %> Hipster!</Translate></h1>
         <p className="lead"><Translate contentKey="home.subtitle">This is your homepage</Translate></p>
         {
           (account?.login) ? (

diff --git a/...rators/react/templates/src/main/webapp/app/shared/layout/header/header-components.tsx.ejs b/...rators/react/templates/src/main/webapp/app/shared/layout/header/header-components.tsx.ejs
@@ -36,7 +36,7 @@ export const Brand = () => (
 <NavbarBrand tag={Link} to="/" className="brand-logo">
   <BrandIcon />
   <span className="brand-title"><Translate contentKey="global.title"><%= capitalizedBaseName %></Translate></span>
-  <span className="navbar-version">{VERSION}</span>
+  <span className="navbar-version">{VERSION.toLowerCase().startsWith('v') ? VERSION : `v${VERSION}`}</span>
 </NavbarBrand>
 );
 

diff --git a/generators/react/templates/src/main/webapp/app/shared/layout/header/header.scss.ejs b/generators/react/templates/src/main/webapp/app/shared/layout/header/header.scss.ejs
@@ -33,7 +33,7 @@ Developement Ribbon
   transform: rotate(-45deg);
   overflow: hidden;
   position: absolute;
-  top: 30px;
+  top: 40px;
   white-space: nowrap;
   width: 15em;
   z-index: 99999;
@@ -105,7 +105,7 @@ Navbar styles
 }
 
 .navbar-version {
-  font-size: 10px;
+  font-size: 0.65em;
   color: $header-color-secondary;
   padding: 0 0 0 10px;
 }
@@ -119,13 +119,14 @@ Navbar styles
     width: auto;
     display: inline-block;
     img {
-      height: 45px;
+      width: 45px;
     }
   }
 }
 
 .brand-title {
-  font-size: 24px;
+  font-size: 1.25rem;
+  margin-left: .25rem;
   color: $header-color;
   &:hover {
     color: $header-color-hover;

diff --git a/generators/vue/templates/src/main/webapp/app/core/jhi-navbar/jhi-navbar.vue.ejs b/generators/vue/templates/src/main/webapp/app/core/jhi-navbar/jhi-navbar.vue.ejs
@@ -177,7 +177,7 @@
     Navbar
     ========================================================================== */
   .navbar-version {
-    font-size: 10px;
+    font-size: 0.65em;
 <%_ if (clientThemeNone) { _%>
     color: #ccc;
 <%_ } _%>
@@ -243,7 +243,6 @@
 
   .navbar-title {
     display: inline-block;
-    vertical-align: middle;
 <%_ if (clientThemeNone && !clientThemeDark) { _%>
     color: white;
 <%_ } _%>
@@ -253,14 +252,14 @@
     Logo styles
     ========================================================================== */
   .navbar-brand.logo {
-    padding: 5px 15px;
+    padding: 0 7px;
   }
 
   .logo .logo-img {
     height: 45px;
     display: inline-block;
     vertical-align: middle;
-    width: 70px;
+    width: 45px;
   }
 
   .logo-img {