fix: afterthought icon

SpikeHD · Apr 4, 2024 · 56e695d · 56e695d
1 parent 1ef39ed
commit 56e695d
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -1,14 +1,14 @@
 <div align="center">
+  <img width="10%" src="web/public/icons/omcp_icon.png">
   <h1>OpenMCPanel</h1>
 </div>
 
 <div align="center">
  <img src="https://img.shields.io/github/actions/workflow/status/SpikeHD/OpenMCPanel/build.yml" />
- <img src="https://img.shields.io/github/package-json/v/SpikeHD/OpenMCPanel" />
  <img src="https://img.shields.io/github/repo-size/SpikeHD/OpenMCPanel" />
+ <img src="https://img.shields.io/github/commit-activity/m/SpikeHD/OpenMCPanel" />
 </div>
 <div align="center">
- <img src="https://img.shields.io/github/commit-activity/m/SpikeHD/OpenMCPanel" />
  <img src="https://img.shields.io/github/release-date/SpikeHD/OpenMCPanel" />
  <img src="https://img.shields.io/github/stars/SpikeHD/OpenMCPanel" />
  <img src="https://img.shields.io/github/downloads/SpikeHD/OpenMCPanel/total" />

diff --git a/web/public/icons/omcp_icon.png b/web/public/icons/omcp_icon.png
diff --git a/web/src/components/Sidebar.css b/web/src/components/Sidebar.css
@@ -30,9 +30,13 @@
 }
 
 .sidebar-icon {
-  width: 80%;
-  /* TODO temporary until I get an icon */
-  height: 60px;
+  margin-top: 12px;
+  margin-bottom: 12px;
+  width: 50%;
+}
+
+.sidebar-icon img {
+  width: 100%;
 }
 
 .sidebar-item.deploy {

diff --git a/web/src/components/Sidebar.tsx b/web/src/components/Sidebar.tsx
@@ -6,7 +6,7 @@ export function Sidebar() {
   return (
     <div class="sidebar">
       <div class="sidebar-icon">
-
+        <img src="/icons/omcp_icon.png" alt="logo" />
       </div>
 
       <Link href="/manage" class="sidebar-item">Servers</Link>