logo

src/app/components/splash/splash.component.html

@@ -1,11 +1,22 @@
 <div class="py-4 px-4 lg:px-8 mt-5 mx-0 lg:mx-8">
     <div class="grid justify-content-center">
-        <div class="col-12 text-center mt-8 mb-4">
-            <h2 class="text-900 font-normal mb-2">Public Pool</h2>
-        </div>
+
         <div class="col-12">
+
             <div class="card text-center">
-                <code>stratum+tcp://public-pool-web.airdns.org:40557</code>
+                <div class="col-12 text-center mt-8 mb-4">
+                    <h2 class="text-900 font-normal mb-2">Public Pool</h2>
+                </div>
+
+                <div>
+                    <img style="height: 200px;" src="assets/layout/images/logo.png" alt="logo">
+
+                </div>
+                <div>
+
+                    <code>stratum+tcp://public-pool-web.airdns.org:40557</code>
+
+                </div>
 
                 <div class="field mt-8">
 

src/app/layout/app.topbar.component.html

@@ -1,7 +1,7 @@
 <div class="layout-topbar">
     <a class="layout-topbar-logo" routerLink="">
-        <!-- <img src="assets/layout/images/{{layoutService.config.colorScheme === 'light' ? 'logo-dark' : 'logo-white'}}.svg" alt="logo">
-        <span>SAKAI</span> -->
+        <img src="assets/layout/images/logo.png" alt="logo">
+        <span>Public Pool</span>
     </a>
 
     <button #menubutton class="p-link layout-menu-button layout-topbar-button" (click)="layoutService.onMenuToggle()">

src/assets/layout/styles/layout/_topbar.scss

@@ -10,7 +10,7 @@
     transition: left $transitionDuration;
     display: flex;
     align-items: center;
-    box-shadow: 0px 3px 5px rgba(0,0,0,.02), 0px 0px 2px rgba(0,0,0,.05), 0px 1px 4px rgba(0,0,0,.08);
+    box-shadow: 0px 3px 5px rgba(0, 0, 0, .02), 0px 0px 2px rgba(0, 0, 0, .05), 0px 1px 4px rgba(0, 0, 0, .08);
 
     .layout-topbar-logo {
         display: flex;
@@ -22,7 +22,7 @@
         border-radius: 12px;
 
         img {
-            height: 2.5rem;
+            height: 3.5rem;
             margin-right: .5rem;
         }
 
@@ -111,7 +111,7 @@
             position: absolute;
             flex-direction: column;
             background-color: var(--surface-overlay);
-            box-shadow: 0px 3px 5px rgba(0,0,0,.02), 0px 0px 2px rgba(0,0,0,.05), 0px 1px 4px rgba(0,0,0,.08);
+            box-shadow: 0px 3px 5px rgba(0, 0, 0, .02), 0px 0px 2px rgba(0, 0, 0, .05), 0px 1px 4px rgba(0, 0, 0, .08);
             border-radius: 12px;
             padding: 1rem;
             right: 2rem;
@@ -146,4 +146,4 @@
             }
         }
     }
-}
+}