make sure logo displays properly on tls upload page (#841)

replicatedhq · Jul 23, 2020 · 28dfce6 · 28dfce6
1 parent 0f13231
commit 28dfce6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/kotsadm/kurl_proxy/assets/tls-custom.css b/kotsadm/kurl_proxy/assets/tls-custom.css
@@ -428,6 +428,10 @@ button.text-button:hover {
 .appIcon {
   height: 36px;
   width: 36px;
+  display: inline-block;
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
   margin-right: 10px;
   border-radius: 40px;
   box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);

diff --git a/kotsadm/kurl_proxy/assets/tls.html b/kotsadm/kurl_proxy/assets/tls.html
@@ -17,7 +17,7 @@
       <div class="flex flex-column justifyContent--center alignItems--center">
         <div class="borderWrapper flex-column flex">
           <div class="flex u-marginBottom--8">
-            {{if .AppIcon }}<img class="appIcon flex flex-auto" src="{{ .AppIcon }}" />{{end}}
+            {{if .AppIcon }}<span class="appIcon flex flex-auto" style="background-image: url('{{ .AppIcon }}')"></span>{{end}}
             <div class="flex-column flex1 justifyContent--center">
               <p class="tls-header">HTTPS for {{ .AppTitle }} admin console</p>
             </div>