s444498/gonito-frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

correct login and menu size in LoggedBar

Browse Source
This commit is contained in:
mattyl006 2022-10-07 15:05:02 +02:00
parent 353983c99f
commit 9fa513304f
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/elements/LoggedBar.js
View File

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import {Container, FlexColumn, FlexRow, Svg, TransBack} from '../../utils/containers'; import {Container, FlexColumn, FlexRow, Svg, TransBack} from '../../utils/containers';
import {Body, H3} from '../../utils/fonts'; import {Body, Medium} from '../../utils/fonts';
import theme from '../../utils/theme'; import theme from '../../utils/theme';
import userIco from '../../assets/user_ico.svg'; import userIco from '../../assets/user_ico.svg';
import KeyCloakService from '../../services/KeyCloakService'; import KeyCloakService from '../../services/KeyCloakService';
@ -8,7 +8,7 @@ import loginIco from '../../assets/login_ico.svg';
import styled from 'styled-components'; import styled from 'styled-components';
const LoggedBarStyle = styled(FlexColumn)` const LoggedBarStyle = styled(FlexColumn)`
width: 260px; width: 360px;
height: calc(100vh - 48px); height: calc(100vh - 48px);
position: fixed; position: fixed;
top: 50px; top: 50px;
@ -54,9 +54,9 @@ const LoggedBar = (props) => {
<FlexRow alignmentX='flex-start' alignmentY='flex-end' <FlexRow alignmentX='flex-start' alignmentY='flex-end'
gap='16px' width='100%' padding='12px 16px'> gap='16px' width='100%' padding='12px 16px'>
<Svg src={userIco} width='32px' height='32px' backgroundColor={theme.colors.dark} size='cover'/> <Svg src={userIco} width='32px' height='32px' backgroundColor={theme.colors.dark} size='cover'/>
<H3> <Medium as='p'>
{props.username} {props.username}
</H3> </Medium>
</FlexRow> </FlexRow>
<Container width='90%' backgroundColor={theme.colors.dark05} height='1px'/> <Container width='90%' backgroundColor={theme.colors.dark05} height='1px'/>
<FlexColumn as='ul' onClick={() => console.log('profile click')} <FlexColumn as='ul' onClick={() => console.log('profile click')}