nezumi/react-training
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/react-training.git synced 2026-09-22 20:01:59 +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
import { ITable } from '../../globals/interfaces';
export const StyledTable = styled.div`
const StyledTable = styled.div`
border: 1px solid var(--border-color);
font-size: 20px;
@@ -17,11 +17,11 @@ const CommonRow = styled.div<ITable>`
align-items: center;
`;
export const StyledBody = styled.div`
const StyledBody = styled.div`
font-size: var(--fs-sm-x);
`;
export const StyledRow = styled(CommonRow)`
const StyledRow = styled(CommonRow)`
padding: 20px;
&:not(:last-child) {
@@ -29,7 +29,7 @@ export const StyledRow = styled(CommonRow)`
}
`;
export const StyledHeader = styled(CommonRow)`
const StyledHeader = styled(CommonRow)`
padding: 10px 20px;
border-bottom: 1px solid var(--border-color);
@@ -41,3 +41,5 @@ export const StyledHeader = styled(CommonRow)`
text-transform: capitalize;
font-weight: 600;
`;
export { StyledBody, StyledHeader, StyledRow, StyledTable };