linuxserver/Heimdall
1
0
Fork 0
mirror of https://github.com/linuxserver/Heimdall.git synced 2025-11-21 15:50:45 +09:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Fix for displaying svg icons correctly

Browse Source
This commit is contained in:
KodeStar
2022-03-17 10:21:24 +00:00
parent 5b177f1127
commit a16233ee10
5 changed files with 35 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
public/css/app.css vendored
View File

@@ -1,3 +1,4 @@
@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { html {
font-family: sans-serif; font-family: sans-serif;
@@ -848,9 +849,20 @@ div.create .input input, div.create .input select {
border-radius: 6px; border-radius: 6px;
} }
.app-icon-container {
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 15px;
flex: 0 0 60px;
}
.app-icon { .app-icon {
max-width: 60px; max-width: 60px;
margin-right: 15px; display: block;
max-height: 60px;
} }
.sidenav { .sidenav {

4
public/mix-manifest.json generated
View File

@@ -1,4 +1,4 @@
{ {
"/css/app.css": "/css/app.css?id=953b8b27868431843dae", "/css/app.css": "/css/app.css?id=c5354f371a3887feab28",
"/js/app.js": "/js/app.js?id=ff749484877e4ce6c2f6" "/js/app.js": "/js/app.js?id=c95edea425171c6ce8f6"
} }

13
resources/assets/sass/_app.scss
View File

@@ -647,10 +647,19 @@ div.create {
} }
} }
} }
.app-icon-container {
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 15px;
flex: 0 0 60px;
}
.app-icon { .app-icon {
max-width: 60px; max-width: 60px;
margin-right: 15px; display: block;
max-height: 60px;
} }
.sidenav { .sidenav {

2
resources/views/item.blade.php
View File

@@ -1,10 +1,12 @@
<section class="item-container{{ $app->droppable }}" data-name="{{ $app->title }}" data-id="{{ $app->id }}"> <section class="item-container{{ $app->droppable }}" data-name="{{ $app->title }}" data-id="{{ $app->id }}">
<div class="item" style="background-color: {{ $app->colour }}"> <div class="item" style="background-color: {{ $app->colour }}">
<div class="app-icon-container">
@if($app->icon) @if($app->icon)
<img class="app-icon" src="{{ asset('/storage/'.str_replace('supportedapps', 'icons', $app->icon)) }}" /> <img class="app-icon" src="{{ asset('/storage/'.str_replace('supportedapps', 'icons', $app->icon)) }}" />
@else @else
<img class="app-icon" src="{{ asset('/img/heimdall-icon-small.png') }}" /> <img class="app-icon" src="{{ asset('/img/heimdall-icon-small.png') }}" />
@endif @endif
</div>
<div class="details"> <div class="details">
<div class="title{{ title_color($app->colour) }}">{{ $app->title }}</div> <div class="title{{ title_color($app->colour) }}">{{ $app->title }}</div>
@if($app->enabled()) @if($app->enabled())