nezumi/react-training
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/react-training.git synced 2026-09-23 04:19:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update styled code

Browse Source
This commit is contained in:
nezumi
2023-10-24 15:52:27 +07:00
parent d4d3d8d944
commit 4a565e1d4b
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
hotel-management/src/components/Table/styled.ts
+6 -4
View File
@@ -3,7 +3,7 @@ import styled from 'styled-components';
// Interfaces // Interfaces
import { ITable } from '../../globals/interfaces'; import { ITable } from '../../globals/interfaces';
export const StyledTable = styled.div` const StyledTable = styled.div`
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
font-size: 20px; font-size: 20px;
@@ -17,11 +17,11 @@ const CommonRow = styled.div<ITable>`
align-items: center; align-items: center;
`; `;
export const StyledBody = styled.div` const StyledBody = styled.div`
font-size: var(--fs-sm-x); font-size: var(--fs-sm-x);
`; `;
export const StyledRow = styled(CommonRow)` const StyledRow = styled(CommonRow)`
padding: 20px; padding: 20px;
&:not(:last-child) { &:not(:last-child) {
@@ -29,7 +29,7 @@ export const StyledRow = styled(CommonRow)`
} }
`; `;
export const StyledHeader = styled(CommonRow)` const StyledHeader = styled(CommonRow)`
padding: 10px 20px; padding: 10px 20px;
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
@@ -41,3 +41,5 @@ export const StyledHeader = styled(CommonRow)`
text-transform: capitalize; text-transform: capitalize;
font-weight: 600; font-weight: 600;
`; `;
export { StyledBody, StyledHeader, StyledRow, StyledTable };
hotel-management/src/pages/User/styled.ts
+5 -3
View File
@@ -1,6 +1,6 @@
import styled from 'styled-components'; import styled from 'styled-components';
export const StyledUser = styled.main` const StyledUser = styled.main`
padding: 20px; padding: 20px;
padding-bottom: 100px; padding-bottom: 100px;
@@ -9,12 +9,14 @@ export const StyledUser = styled.main`
gap: 30px; gap: 30px;
`; `;
export const Title = styled.h2` const Title = styled.h2`
font-size: var(--fs-md); font-size: var(--fs-md);
color: var(--dark-text); color: var(--dark-text);
text-transform: capitalize; text-transform: capitalize;
`; `;
export const StyledOperationTable = styled.div` const StyledOperationTable = styled.div`
text-align: right; text-align: right;
`; `;
export { StyledUser, Title, StyledOperationTable };