fix: change mal logo; align meta icons; crop blu-ray.com logo

This commit is contained in:
Roardom
2024-08-28 09:47:28 +00:00
parent f3c21c85ba
commit b5f76ff4c6
5 changed files with 46 additions and 15 deletions
+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="45" viewBox="0,70.4,256,115.2">
<g fill="#2385c9" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(3.2,3.2)"><path d="M25,32c-13.807,0 -25,2.686 -25,6c0,3.314 11.193,6 25,6c13.807,0 25,-2.686 25,-6c0,-3.314 -11.193,-6 -25,-6zM25,40c-6.075,0 -11,-0.896 -11,-2c0,-1.105 4.925,-2 11,-2c6.075,0 11,0.895 11,2c0,1.104 -4.925,2 -11,2z"></path><path d="M10,36l6.729,-3.107c1.757,-2.744 5.271,-8.559 5.271,-8.559c0,0 0,0 0,-0.167l-0.167,-0.167h-13.833c-2.875,4.708 -5.75,9.583 -7.713,13.088c0,0 1.462,0.245 1.713,0.912c0.347,0.521 0.98,1.155 2,1.808zM41.023,22.005c-0.008,0 -0.015,-0.005 -0.023,-0.005h-1.5h-0.5h-0.5c-0.275,0 -0.5,0.225 -0.5,0.5c0,0.275 0.225,0.5 0.5,0.5h0.5h0.5h0.5c13.125,0 28,4.258 28,15c0,8.773 -11.875,19 -48,19h-0.5h-0.5h-0.5c-0.275,0 -0.5,0.225 -0.5,0.5c0,0.275 0.225,0.5 0.5,0.5h0.5h0.5h0.5c0,0 0.293,0 1,0c1.104,0 3.239,0 7,0c20.167,0 52,-3.114 52,-20c0,-13.832 -25.75,-15.995 -38.977,-15.995z"></path></g></g>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

+21
View File
@@ -0,0 +1,21 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="45" viewBox="-140 200 1200 540"><title>localhost:82/img/meta/mal.svg</title>
<defs>
<style>
.cls-1 {
fill: #fff;
}
.cls-1, .cls-2 {
stroke-width: 0px;
}
.cls-2 {
fill: #2c51a2;
}
</style>
</defs>
<rect xmlns="http://www.w3.org/2000/svg" class="cls-2" rx="99.69" ry="99.69" width="1200" height="540" y="200" x="-140"/>
<path class="cls-1" d="M360.18,640.05h-93.37v-215.38h-.85l-71.97,95.92-70.16-95.92h-.96v215.38H29.5v-356.23h88.57l75.91,104.66,77.61-104.66h88.58v356.23Z"/>
<path class="cls-1" d="M667.97,640.05h-93.37v-112.96h-101.99c.5,36.48,12.42,74.14,35.77,112.96l-75.8,50.14c-11.5-17.25-21.42-35.61-29.76-55.09-8.34-19.48-14.71-39.57-19.11-60.26-4.4-20.69-6.6-41.26-6.6-61.7s2.31-42.21,6.92-62.76c4.61-20.55,11.71-40.12,21.29-58.72,9.58-18.59,21.58-35.1,35.98-49.51,15.83-15.97,32.77-28.19,50.84-36.68,18.06-8.48,36.89-14.21,56.48-17.19,19.59-2.98,42.09-4.47,67.5-4.47h45.78l21.83,80.27h-73.25c-30.38,0-54.35,4.36-71.92,13.08-17.57,8.72-29.85,18.47-36.84,29.24-6.99,10.77-13.65,24.24-19.96,40.4h92.84v-71.76h93.37v264.99Z"/>
<path class="cls-1" d="M797.69,559.78h122.54l-21.83,80.28h-194.08v-356.23h93.37v275.96Z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

+16 -2
View File
@@ -219,6 +219,7 @@
list-style-type: none;
margin: -10px;
padding: 0;
align-items: center;
@media screen and (max-width: 480px) {
flex-direction: row;
@@ -228,9 +229,7 @@
.meta-id-tag {
color: var(--meta-id-tag-fg);
font-size: 25px;
display: inline-block;
padding: 0 10px;
white-space: nowrap;
background: var(--meta-id-tag-bg);
}
@@ -241,6 +240,21 @@
color: var(--meta-id-tag-hover-fg);
}
.meta-id-tag:has(img) {
display: flex;
padding: 4px 10px;
}
.meta-id-tag img {
height: 17px;
}
.meta-id-tag:not(:has(img)) {
font-size: 21px;
line-height: 17px;
padding: 2px 10px;
}
/* Chips
---------------------------------------------------------------------------- */
@@ -108,7 +108,7 @@
title="The Movie Database: {{ $meta->id }}"
target="_blank"
>
<img src="{{ url('/img/meta/tmdb.svg') }}" style="width: 40px" />
<img src="{{ url('/img/meta/tmdb.svg') }}" />
</a>
</li>
@endif
@@ -121,7 +121,7 @@
title="Internet Movie Database: {{ \str_pad((string) $meta->imdb_id, \max(\strlen((string) $meta->imdb_id), 7), '0', STR_PAD_LEFT) }}"
target="_blank"
>
<img src="{{ url('/img/meta/imdb.svg') }}" style="width: 35px" />
<img src="{{ url('/img/meta/imdb.svg') }}" />
</a>
</li>
@endif
@@ -134,7 +134,7 @@
title="My Anime List: {{ $torrent->mal }}"
target="_blank"
>
<img src="{{ url('/img/meta/anidb.svg') }}" style="width: 45px" />
<img src="{{ url('/img/meta/mal.svg') }}" />
</a>
</li>
@endif
@@ -147,7 +147,7 @@
title="The TV Database: {{ $torrent->tvdb }}"
target="_blank"
>
<img src="{{ url('/img/meta/tvdb.svg') }}" style="width: 32px" />
<img src="{{ url('/img/meta/tvdb.svg') }}" />
</a>
</li>
@endif
@@ -167,8 +167,6 @@
--fa-secondary-opacity: 1;
--fa-primary-color: green;
--fa-secondary-color: red;
font-size: 23px;
bottom: 2px;
"
></i>
</a>
@@ -107,7 +107,7 @@
title="The Movie Database: {{ $meta->id }}"
target="_blank"
>
<img src="{{ url('/img/meta/tmdb.svg') }}" style="width: 40px" />
<img src="{{ url('/img/meta/tmdb.svg') }}" />
</a>
</li>
@endif
@@ -120,7 +120,7 @@
title="Internet Movie Database: {{ \str_pad((string) $meta->imdb_id, \max(\strlen((string) $meta->imdb_id), 7), '0', STR_PAD_LEFT) }}"
target="_blank"
>
<img src="{{ url('/img/meta/imdb.svg') }}" style="width: 35px" />
<img src="{{ url('/img/meta/imdb.svg') }}" />
</a>
</li>
@endif
@@ -133,7 +133,7 @@
title="My Anime List: {{ $torrent->mal }}"
target="_blank"
>
<img src="{{ url('/img/meta/anidb.svg') }}" style="width: 45px" />
<img src="{{ url('/img/meta/mal.svg') }}" />
</a>
</li>
@endif
@@ -146,7 +146,7 @@
title="The TV Database: {{ $torrent->tvdb }}"
target="_blank"
>
<img src="{{ url('/img/meta/tvdb.svg') }}" style="width: 32px" />
<img src="{{ url('/img/meta/tvdb.svg') }}" />
</a>
</li>
@endif
@@ -166,8 +166,6 @@
--fa-secondary-opacity: 1;
--fa-primary-color: green;
--fa-secondary-color: red;
font-size: 23px;
bottom: 2px;
"
></i>
</a>