From ac7b179e79dc4d0d347d0560de32ba88fa9af949 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 2 Mar 2023 13:32:23 +0800
Subject: [PATCH] Add LogoBox

---
 packages/web/components/elements/LogoBox.tsx | 35 ++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 packages/web/components/elements/LogoBox.tsx

diff --git a/packages/web/components/elements/LogoBox.tsx b/packages/web/components/elements/LogoBox.tsx
new file mode 100644
index 000000000..ef359babb
--- /dev/null
+++ b/packages/web/components/elements/LogoBox.tsx
@@ -0,0 +1,35 @@
+import { LIBRARY_LEFT_MENU_WIDTH } from '../templates/homeFeed/LibraryFilterMenu'
+import { OmnivoreFullLogo } from './images/OmnivoreFullLogo'
+import { OmnivoreNameLogo } from './images/OmnivoreNameLogo'
+import { SpanBox } from './LayoutPrimitives'
+
+export function LogoBox(): JSX.Element {
+  return (
+    <>
+      <SpanBox
+        css={{
+          pl: '25px',
+          height: '24px',
+          width: LIBRARY_LEFT_MENU_WIDTH,
+          minWidth: LIBRARY_LEFT_MENU_WIDTH,
+          '@mdDown': {
+            display: 'none',
+          },
+        }}
+      >
+        <OmnivoreFullLogo showTitle={true} />
+      </SpanBox>
+      <SpanBox
+        css={{
+          ml: '20px',
+          mr: '20px',
+          '@md': {
+            display: 'none',
+          },
+        }}
+      >
+        <OmnivoreNameLogo />
+      </SpanBox>
+    </>
+  )
+}