parent
49a3fa1d5f
commit
ad67de77cc
10 changed files with 39 additions and 67 deletions
@ -1,32 +1,16 @@ |
||||
// @include './form.scss'; |
||||
|
||||
.app { |
||||
display: grid; |
||||
grid-template: 1fr / auto 1fr auto; |
||||
background: #92f322; |
||||
grid-template: auto 1fr auto / 1fr; |
||||
|
||||
align-items: center; |
||||
font-size: calc(10px + 2vmin); |
||||
color: white; |
||||
|
||||
h1 { |
||||
margin-top: 2.5vmin; |
||||
margin-bottom: 1vmin; |
||||
} |
||||
} |
||||
|
||||
.funds, |
||||
.transactions { |
||||
display: grid; |
||||
grid-template-columns: repeat(3, 1fr); |
||||
// height: 50vh; |
||||
} |
||||
|
||||
.totals { |
||||
z-index: 9; |
||||
.above { |
||||
margin-top: 5ch; |
||||
} |
||||
.bottom { |
||||
margin-bottom: 5ch; |
||||
main { |
||||
} |
||||
} |
||||
|
@ -1,9 +1,9 @@ |
||||
import { useState, useEffect } from 'react' |
||||
|
||||
import { Password, User } from '../../types' |
||||
import { useUserContext } from '../../contexts/UserContext' |
||||
import { Password, User } from '../types' |
||||
import { useUserContext } from '../contexts/UserContext' |
||||
import { message } from 'antd' |
||||
import { Button } from '../../elements/Button' |
||||
import { Button } from '../elements/Button' |
||||
|
||||
export const UserForm = () => { |
||||
const { user } = useUserContext() |
@ -1,42 +1,25 @@ |
||||
@import '~antd/dist/antd.dark.css'; |
||||
|
||||
* { |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
#root { |
||||
display: flex; |
||||
flex-direction: column; |
||||
display: grid; |
||||
grid-template: 1fr / 1fr; |
||||
height: 100vh; |
||||
} |
||||
|
||||
.col1 { |
||||
grid-column: 1/1; |
||||
grid-row: 1/1; |
||||
} |
||||
|
||||
.col2 { |
||||
grid-column: 2/2; |
||||
grid-row: 1/1; |
||||
} |
||||
|
||||
.col3 { |
||||
grid-column: 3/3; |
||||
grid-row: 1/1; |
||||
} |
||||
|
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5 { |
||||
color: #222; |
||||
text-shadow: -1px -1px #444; |
||||
font-weight: 900; |
||||
} |
||||
|
||||
body { |
||||
body, |
||||
html { |
||||
font-family: sans-serif; |
||||
margin: 0; |
||||
-webkit-font-smoothing: antialiased; |
||||
-moz-osx-font-smoothing: grayscale; |
||||
} |
||||
} |
Loading…
Reference in new issue