feat(app/view): align view center

This commit is contained in:
2024-08-10 16:51:57 +03:00
parent 217ba7e46c
commit 3785b8ce5d
3 changed files with 11 additions and 4 deletions

View File

@@ -2,6 +2,13 @@ body {
font-size: 1.5rem; font-size: 1.5rem;
} }
.app-container {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
}
h3 { h3 {
margin: 0.5rem 0; margin: 0.5rem 0;
} }

View File

@@ -9,13 +9,13 @@
content="ie=edge"> content="ie=edge">
<title>Погода</title> <title>Погода</title>
<link rel="stylesheet" <link rel="stylesheet"
href="/static/style.css"> href="/static/style.css?v=1">
<link rel="icon" <link rel="icon"
href="/static/favicon.ico" href="/static/favicon.ico"
type="image/x-icon"> type="image/x-icon">
</head> </head>
<body> <body class="app-container">
<ul> <ul>
{% for location in locations %} {% for location in locations %}
<li><a href="weather/{{location.name}}-{{location.location_id}}">{{location.name}}</a></li> <li><a href="weather/{{location.name}}-{{location.location_id}}">{{location.name}}</a></li>

View File

@@ -9,13 +9,13 @@
content="ie=edge"> content="ie=edge">
<title>Погода | {{response.location}} | {{response.date.strftime('%a, %d %B %Y')}}</title> <title>Погода | {{response.location}} | {{response.date.strftime('%a, %d %B %Y')}}</title>
<link rel="stylesheet" <link rel="stylesheet"
href="/static/style.css"> href="/static/style.css?v=1">
<link rel="icon" <link rel="icon"
href="/static/favicon.ico" href="/static/favicon.ico"
type="image/x-icon"> type="image/x-icon">
</head> </head>
<body> <body class="app-container">
<h3> <h3>
{% if response.period == 'day' %} {% if response.period == 'day' %}
<a class="button {{'disabled' if response.date == datetime.date.today() else ''}}" <a class="button {{'disabled' if response.date == datetime.date.today() else ''}}"