catlab-remote-client 1.2.4 → 1.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -25,7 +25,9 @@ body {
25
25
  #catlab-message {
26
26
  text-align: center;
27
27
  margin: 10px auto;
28
- color: yellow;
28
+ font-size: 2em;
29
+ padding: 5vh;
30
+ color: white;
29
31
  }
30
32
 
31
33
  #catlab-token-form, body
@@ -40,6 +42,36 @@ body {
40
42
  font-family:Arial,Helvetica,sans-serif;
41
43
  }
42
44
 
45
+ #catlab-token-form {
46
+ text-align: center;
47
+ }
48
+
49
+ .center-flex {
50
+ display: flex;
51
+ justify-content: center;
52
+ align-items: center;
53
+ min-height: 100vh;
54
+ }
55
+
56
+ #catlab-token-form {
57
+ overflow: hidden;
58
+ min-width: 50vh;
59
+ }
60
+
61
+ #catlab-token-form p {
62
+ font-size: 2em;
63
+ box-sizing: border-box;
64
+ margin: 2vh auto;
65
+ padding: 3vmin 2vmin;
66
+ }
67
+
68
+ #catlab-token-form h1 {
69
+ font-size: 2em;
70
+ box-sizing: border-box;
71
+ margin: 2vh auto;
72
+ padding: 3vmin 2vmin;
73
+ }
74
+
43
75
  #catlab-token-form #token
44
76
  {
45
77
  box-sizing: border-box;
@@ -75,6 +107,26 @@ body {
75
107
  content: 'viewport-units-buggyfill; margin: 10vh auto; padding: 5vmin 2vmin;';
76
108
  }
77
109
 
110
+ #catlab-token-form button.pulsating {
111
+ animation: subtle-pulse 1.5s infinite;
112
+ box-shadow: 0 0 0 0 rgba(73, 40, 48, 0.3);
113
+ }
114
+
115
+ @keyframes subtle-pulse {
116
+ 0% {
117
+ transform: scale(1);
118
+ box-shadow: 0 0 0 0 rgba(73, 40, 48, 0.3);
119
+ }
120
+ 70% {
121
+ transform: scale(1.04);
122
+ box-shadow: 0 0 8px 8px rgba(73, 40, 48, 0);
123
+ }
124
+ 100% {
125
+ transform: scale(1);
126
+ box-shadow: 0 0 0 0 rgba(73, 40, 48, 0);
127
+ }
128
+ }
129
+
78
130
  #catlab-token-form #token:focus {border:1px solid #492830;}
79
131
 
80
132
  #catlab-token-form #token::-webkit-input-placeholder { color: #492830; }