From 46a58e0a61d5b8371f86257bb01e1a4552871e65 Mon Sep 17 00:00:00 2001 From: swve Date: Sat, 18 Mar 2023 13:32:02 +0100 Subject: [PATCH] feat: add learnhouse logo to panel --- front/app/_orgs/[orgslug]/settings/layout.tsx | 20 +++++++++++++++++- front/public/learnhouse_text_white.png | Bin 0 -> 3772 bytes 2 files changed, 19 insertions(+), 1 deletion(-) create mode 100644 front/public/learnhouse_text_white.png diff --git a/front/app/_orgs/[orgslug]/settings/layout.tsx b/front/app/_orgs/[orgslug]/settings/layout.tsx index 3a9366ff..6ea3bb6b 100644 --- a/front/app/_orgs/[orgslug]/settings/layout.tsx +++ b/front/app/_orgs/[orgslug]/settings/layout.tsx @@ -2,8 +2,10 @@ import React, { createContext, useState } from 'react' import { styled } from '@stitches/react'; import Link from 'next/link'; +import LearnHouseWhiteLogo from '@public/learnhouse_text_white.png'; import { AuthContext } from '@components/Security/AuthProvider'; import Avvvatars from 'avvvatars-react'; +import Image from 'next/image'; @@ -15,9 +17,13 @@ function SettingsLayout({ children, params }: { children: React.ReactNode, param <>
+ + + Learnhouse logo {auth.isAuthenticated && ( )} + Account
    @@ -46,12 +52,24 @@ const Main = styled('div', { }) const LeftWrapper = styled('div', { - width: '250px', + width: '270px', background: "linear-gradient(348.55deg, #010101 -8.61%, #343434 105.52%);", height: '100vh', padding: '20px', }) +const LeftTopArea = styled('div', { + display: 'flex', + marginLeft: '20px', + + alignItems: 'center', + + img: { + marginRight: '20px', + } + +}) + const LeftMenuWrapper = styled('div', { display: 'flex', flexDirection: 'column', diff --git a/front/public/learnhouse_text_white.png b/front/public/learnhouse_text_white.png new file mode 100644 index 0000000000000000000000000000000000000000..7487561410f51a506b9116cc72006386b55ed4f8 GIT binary patch literal 3772 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 literal 0 HcmV?d00001