pingu_98/cara
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Changed logo header style fixes #212

Browse source
This commit is contained in:
Luis Aleixo 2021-11-10 11:26:09 +01:00
parent ac2a5035aa
commit 27579da7a1
4 changed files with 16 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
cara/apps/calculator/templates/calculator.form.html.j2
View file

@ -21,9 +21,11 @@
<span class="cara_version">v{{ calculator_version }}</span>
<span class="feedback">Please send feedback to <a href="mailto:CARA-dev@cern.ch">CARA-dev@cern.ch</a></span>
<header class= "bg-light">
<div class="container container--narrow container--padding">
<img src="/static/images/cara_logo.200x200.png" class="logo">
<h1 class="text-center h1-text"><b>CARA - </b> COVID Airborne Risk Assessment Calculator</h1>
<div class="container container--padding">
<div class="d-flex header-height">
<h1 class="align-self-center">Calculator</h1>
<img src="/static/images/cara_logo.200x200.png" class="logo_form align-self-center ml-3">
</div>
</div>
</header>

30
cara/apps/static/css/style.css
View file

@ -23,18 +23,6 @@ body {
/*============= TOP BAR HEADER =============*/
.top-bar{
background: rgb(34, 34, 34);
height: 2.8rem;
padding: 0.5rem 0;
}
.top-bar a {
color: rgb(153, 153, 153);
text-decoration: none;
font-size: 1.1rem;
}
.dropwown-navbar-colors {
background: rgb(42, 52, 66);
border-color: rgb(42, 52, 66);
@ -87,11 +75,16 @@ body {
/*============= TEXT AND CONTENT =============*/
.header-height {
height: 96px;
}
.logo {
display: block;
margin-left: auto;
margin-right: auto;
height: 4em;
height: 6em;
}
.logo_form {
height: 3em;
}
#nat_vent_image {
@ -233,11 +226,6 @@ footer img {
width: 25%;
}
.logo {
float: left;
height: 6em;
}
#nat_vent_image {
height: 15em;
}

BIN
cara/apps/static/images/cara_full_logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 20 KiB

5
cara/apps/templates/index.html.j2
View file

@ -4,9 +4,8 @@
{% block main %}
{# <div style="height: 5em; display: block;"></div> #}
<header class= "bg-light">
<div class="container container--narrow container--padding">
<img src="/static/images/cara_logo.200x200.png" class="logo">
<h1 class="text-center h1-text"><b>CARA - </b> COVID Airborne Risk Assessment</h1>
<div class="container container--padding">
<img src="/static/images/cara_full_logo.png" class="logo d-block m-auto">
</div>
</header>