martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-12 03:29:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

styling sidebar

Browse Source
This commit is contained in:
Roland Osborne 2022-03-27 17:02:05 -07:00
parent 3e8ecdf0d8
commit b16e2ff784
8 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
net/web/src/Create/Create.styled.js
View File

@ -7,6 +7,7 @@ export const CreateWrapper = styled.div`
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
.container {
background-color: #ffffff;

3
net/web/src/Login/Login.styled.js
View File

@ -7,7 +7,8 @@ export const LoginWrapper = styled.div`
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
\
.container {
background-color: #ffffff;
display: flex;

2
net/web/src/User/Profile/Profile.styled.js
View File

@ -43,7 +43,7 @@ export const ProfileWrapper = styled.div`
flex-direction: row;
padding: 32px;
width: 100%;
overflow: scroll
overflow: auto;
}
.profile {

6
net/web/src/User/SideBar/Contacts/Cards/Cards.jsx
View File

@ -11,19 +11,19 @@ export function Cards({ showRegistry }) {
return (
<CardsWrapper>
<div>
<Drawer
placement="right"
closable={false}
visible={showRegistry}
getContainer={false}
contentWrapperStyle={{ width: '100%' }}
bodyStyle={{ padding: 0, backgroundColor: '#f6f5ed' }}
bodyStyle={{ backgroundColor: '#f6f5ed', padding: 16 }}
style={{ position: 'absolute' }}
>
<Registry />
</Drawer>
</div>
</CardsWrapper>
)
}

7
net/web/src/User/SideBar/Contacts/Cards/Cards.styled.js
View File

@ -3,10 +3,11 @@ import styled from 'styled-components';
export const CardsWrapper = styled.div`
position: relative;
height: calc(100vh - 143px);
height: calc(100vh - 127px);
width: 100%;
overflow: hidden;
overflow-y: auto;
overflow-x: hidden;;
text-align: center;
border-radius: 2px;
padding-top: 16px;
`;

4
net/web/src/User/SideBar/Contacts/Cards/Registry/Registry.styled.js
View File

@ -5,8 +5,10 @@ export const RegistryWrapper = styled.div`
padding-left: 8px;
padding-right: 8px;
text-align: center;
height: calc(100vh - 143px);
display: flex;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
flex-direction: column;
.contacts {

2
net/web/src/User/SideBar/Contacts/Channels/Channels.styled.js
View File

@ -2,7 +2,7 @@ import styled from 'styled-components';
export const ChannelsWrapper = styled.div`
position: relative;
height: calc(100vh - 143px);
height: calc(100vh - 127px);
width: 100%;
overflow: hidden;
text-align: center;

2
net/web/src/User/SideBar/Contacts/Contacts.jsx
View File

@ -50,7 +50,7 @@ export function Contacts() {
return (
<ContactsWrapper>
<Tabs onChange={onTab} tabBarStyle={{ paddingLeft: 16, paddingRight: 16 }} tabBarExtraContent={addButton}>>
<Tabs onChange={onTab} tabBarStyle={{ marginBottom: 0, paddingLeft: 16, paddingRight: 16 }} tabBarExtraContent={addButton}>>
<TabPane tab="Contacts" key="contact">
<Cards showRegistry={showRegistry} />
</TabPane>