feat(app/view): align view center
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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 ''}}"
|
||||||
|
|||||||
Reference in New Issue
Block a user