AlbumHeaderBox: apply some border radius to tag headers

This commit is contained in:
Aaron van Geffen 2023-03-11 14:17:38 +01:00
parent 812c7a4f20
commit b9bd2bf499
2 changed files with 9 additions and 2 deletions

View File

@ -107,6 +107,7 @@ ul#nav li a:hover {
.tiled_header {
background: #fff;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
border-radius: 0.5rem;
color: #000;
clear: both;
float: left;
@ -248,15 +249,19 @@ ul#nav li a:hover {
.album_title_box > a {
background: #fff;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
display: inline-block;
float: left;
font-size: 2em;
line-height: 1;
padding: 8px 10px 14px;
padding: 8px 10px;
}
.album_title_box > div {
background: #fff;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
float: left;
font: inherit;
padding: 6px 22px;

View File

@ -25,7 +25,9 @@ class AlbumHeaderBox extends Template
{
echo '
<div class="album_title_box">
<a class="back_button" href="', $this->back_link, '" title="', $this->back_link_title, '">&larr;</a>
<a class="back_button" href="', $this->back_link, '" title="', $this->back_link_title, '">
<i class="bi bi-arrow-left"></i>
</a>
<div>
<h2>', $this->title, '</h2>';