fix chrome scaling issue, #616

This commit is contained in:
Simon
2023-12-16 12:44:19 +07:00
parent 6f1a45ffb1
commit feabc87c9f
2 changed files with 10 additions and 12 deletions

View File

@@ -33,11 +33,9 @@
<body> <body>
<div class="main-content"> <div class="main-content">
<div class="boxed-content"> <div class="boxed-content">
<div class="top-banner"> <a href="{% url 'home' %}">
<a href="{% url 'home' %}"> <div class="top-banner"></div>
<img alt="tube-archivist-banner"> </a>
</a>
</div>
<div class="top-nav"> <div class="top-nav">
<div class="nav-items"> <div class="nav-items">
<a href="{% url 'home' %}"> <a href="{% url 'home' %}">

View File

@@ -159,13 +159,13 @@ button:hover {
} }
.top-banner { .top-banner {
text-align: center; background-image: var(--banner);
} background-repeat: no-repeat;
background-size: contain;
.top-banner img { height: 10vh;
width: 100%; min-height: 80px;
max-width: 700px; max-height: 120px;
content: var(--banner); background-position: center center;
} }
.footer { .footer {