Implemented skeleton
This commit is contained in:
8
src/app/components/bingo.module.css
Normal file
8
src/app/components/bingo.module.css
Normal file
@@ -0,0 +1,8 @@
|
||||
.table{
|
||||
margin: 0 auto;
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
.td{
|
||||
padding: 12px 16px;
|
||||
}
|
16
src/app/components/bingo.tsx
Normal file
16
src/app/components/bingo.tsx
Normal file
@@ -0,0 +1,16 @@
|
||||
import styles from './bingo.module.css'
|
||||
import BingoRow from './bingorow.tsx'
|
||||
|
||||
export default function Bingo(){
|
||||
return(
|
||||
<table className={styles.table}>
|
||||
<tbody>
|
||||
<BingoRow/>
|
||||
<BingoRow/>
|
||||
<BingoRow/>
|
||||
<BingoRow/>
|
||||
<BingoRow/>
|
||||
</tbody>
|
||||
</table>
|
||||
);
|
||||
}
|
7
src/app/components/bingoitem.tsx
Normal file
7
src/app/components/bingoitem.tsx
Normal file
@@ -0,0 +1,7 @@
|
||||
import styles from './bingo.module.css'
|
||||
|
||||
export default function BingoItem(){
|
||||
return(
|
||||
<td className={styles.td}>Item</td>
|
||||
);
|
||||
}
|
13
src/app/components/bingorow.tsx
Normal file
13
src/app/components/bingorow.tsx
Normal file
@@ -0,0 +1,13 @@
|
||||
import BingoItem from './bingoitem.tsx'
|
||||
|
||||
export default function BingoRow(){
|
||||
return(
|
||||
<tr>
|
||||
<BingoItem/>
|
||||
<BingoItem/>
|
||||
<BingoItem/>
|
||||
<BingoItem/>
|
||||
<BingoItem/>
|
||||
</tr>
|
||||
);
|
||||
}
|
Reference in New Issue
Block a user