blob: 67828c93a30f43f8387258e212224c3a659c2162 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
module Design.View.Payment.Table
( design
) where
import Clay
import qualified Design.Media as Media
design :: Css
design = do
".cell" ? do
".name" & do
Media.tabletDesktop $ width (pct 30)
".cost" & do
Media.tabletDesktop $ width (pct 10)
".user" & do
Media.tabletDesktop $ width (pct 15)
".category" & do
Media.tabletDesktop $ width (pct 10)
".date" & do
Media.tabletDesktop $ width (pct 15)
Media.desktop $ do
".shortDate" ? display none
".longDate" ? display inline
Media.tablet $ do
".shortDate" ? display inline
".longDate" ? display none
Media.mobile $ do
".shortDate" ? display none
".longDate" ? display inline
marginBottom (em 0.5)
|
