aboutsummaryrefslogtreecommitdiffstats
path: root/src/App.vue
blob: 90059e78190b9aadb70f5656b4bfb0bf191bd300 (plain) (blame)
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<template lang="pug">
  router-view
</template>

<script>
import SignIn from './components/SignIn'

export default {
  name: 'App',
  components: {
    SignIn
  }
}
</script>

<style lang="stylus">
  @media (min-width: 580px)
      .mobile
          display none

  @media (max-width: 360px)
      .tablet
          display none

  h1
      margin-top 0

  div
      &.container-fluid
          max-width 580px
          margin-left auto
          margin-right auto
          text-align left
          padding 0
          padding-bottom 10px

  .navbar-toggle
      background-color #428bca
      width 100%
      position absolute
      top 0px
      height 30px
      margin 0
      float none
      z-index 1
      margin-bottom -30px
      .glyphicon
          margin-top -5px
          padding-left 10px

  .navbar
      margin 0
      min-height 40px

  .navbar-collapse
      &.in
          overflow-y visible

  #connection
      display none

  .numpad .btn,
  .tippad .btn
      margin-bottom 5px
      width 6em

  .numpad h2,
  .tippad h2
      margin-bottom 2px
      margin-top 1px

  .numpad
      width 26em

  .rates
      margin-top -15px
      h2
          .label
              font-size 14px
              position relative
              top -5px

  #slide
      height 1.8em
      width 100%
      margin-bottom 2px

  @media (max-width: 360px)
      .tippad
          .btn
              width 4.3em
      .numpad
          .btn
              width 5.7em
      .rates
          width 100%
          text-align left
      #address
          font-size 16px

  .numpad,
    .tippad,
    .rates,

  #payment
      h2
          margin-bottom 2px

  .no-transition
      -webkit-transition height 0.01s
      -moz-transition height 0.01s
      -ms-transition height 0.01s
      -o-transition height 0.01s
      transition height 0.01s

  #nav
      .nav
          margin-top 30px
          li
              a
                  padding 10px 0 10px 10px

  .form-group
      label
          font-weight normal
          font-size 14px
          display block
      .form-control
          height auto
          padding 3px
          display inline-block
      .input-group-addon
          color #000
      .input-group-btn
          padding-top 24px
      .form-control-feedback
          margin-top 24px

  .form-group p,
  .form-group span,
  .form-group .form-control
      font-size 18px

  .form-group span,
  .form-group label
      color #999

  div#calculator
      #amount
          width 5em
      #received
          font-size 16px
          width 100%
      strong#total
          font-size 30px
      #address
          padding-top 10px
          a
              color #fff
              text-decoration none
      #title
          display none
          a
              color #000
              text-decoration none
      #logo
          display none
          padding 10px 0
          margin-bottom 10px
          max-height 225px
          width 100%
      #error
          margin-top 10px
      #qr
          padding-bottom 10px
          margin-left 20px
      .numpad
          .btn-primary
              background #abc

  td
      &.total
          font-weight bold
          text-align right

  #main-logo
      background-image url('/static/img/coinos_logo.png')
      width 300px
      height 80px
      margin-top 10px
      margin-bottom 10px

  .svg
      #main-logo
          background-image url('/static/img/coinos_logo.svg') !important
          background-size 300px 80px

  @page
      margin 0
</style>