beenull/mwmbl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Hide branding on small screens

Browse source
This commit is contained in:
Daoud Clarke 2023-11-10 13:54:43 +00:00
parent 5c29792d14
commit 619f7631d9
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
front-end/assets/css/global.css
View file

@ -21,6 +21,12 @@ body {
margin: 25px;
}
@media screen and (max-width: 600px) {
.branding {
display: none;
}
}
.brand-title {
text-align: center;
font-weight: var(--black-font-weight);

8
mwmbl/templates/index.html
View file

@ -45,11 +45,9 @@
<body>
<mwmbl-app></mwmbl-app>
<header class="search-menu compact">
<a href="/">
<div class="branding">
<img class="brand-icon" src="/static/images/logo.svg" width="40" height="40" alt="mwmbl logo">
<span class="brand-title">Mwmbl</span>
</div>
<a href="/" class="branding">
<img class="brand-icon" src="/static/images/logo.svg" width="40" height="40" alt="mwmbl logo">
<span class="brand-title">Mwmbl</span>
</a>
<form class="search-bar">
<i class="ph-magnifying-glass-bold"></i>