badmanners/shimmie2
badmanners/shimmie2
Archived
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[home] style counter images to adjust to screen width

Browse source
This commit is contained in:
discomrade 2024-02-21 14:16:49 +00:00 committed by Shish
parent 2e8d5dbc49
commit fa5f6b8179
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ext/home/main.php
View file

@ -61,7 +61,7 @@ class Home extends Extension
$length = strlen($strtotal);
for ($n = 0; $n < $length; $n++) {
$cur = $strtotal[$n];
$counter_text .= "<img alt='$cur' src='$base_href/ext/home/counters/$counter_dir/$cur.gif' />";
$counter_text .= "<img class='counter-img' alt='$cur' src='$base_href/ext/home/counters/$counter_dir/$cur.gif' />";
}
}
}

8
ext/home/style.css
View file

@ -5,8 +5,8 @@ div#front-page div#links a {margin: 0 0.5em;}
div#front-page li {list-style-type: none; margin: 0;}
@media (max-width: 800px) {
div#front-page h1 {font-size: 3rem; margin-top: 0.5em; margin-bottom: 0.5em;}
div#front-page #counter {display: none;}
}
div#front-page > #search > form { margin: 0 auto; }
div#front-page > #search > form > input[type=submit]{ padding: 4px 6px; }
div#front-page > #search > form {margin: 0 auto;}
div#front-page > #search > form > input[type=submit]{padding: 4px 6px;}
#counter {display: grid; justify-content: center; margin: auto; max-width: 66%;}
.counter-img {grid-row: 1; max-width: 100%; height: auto;}