@necrolab/dashboard 0.4.50 → 0.4.51

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.
@@ -496,7 +496,7 @@ const updateShownVenue = async () => {
496
496
  renderer.c.logFullError = true;
497
497
  renderer.c.includeDetailedAttributes = true;
498
498
  renderer.c.renderRowBlocks = true;
499
- renderer.setUrlProxy("/api/cors?url=");
499
+ //renderer.setUrlProxy("/api/cors?url=");
500
500
 
501
501
  try {
502
502
  await renderer.render();
@@ -1,95 +1,89 @@
1
1
  <template>
2
- <div class="login-container" v-once>
3
- <div class="login-card">
4
- <div class="flex justify-center mb-8">
5
- <img
6
- src="@/assets/img/logo_trans.png"
7
- class="h-16 object-cover"
8
- alt="Logo: Necro"
9
- />
10
- </div>
11
- <h2 class="text-l text-white text-center font-bold mb-6">
12
- Please login to proceed
13
- </h2>
2
+ <div class="login-container" v-once>
3
+ <div class="login-card">
4
+ <div class="flex justify-center mb-8">
5
+ <img src="@/assets/img/logo_trans.png" class="h-16 object-cover" alt="Logo: Necro" />
6
+ </div>
7
+ <h2 class="text-l text-white text-center font-bold mb-6">Please login to proceed</h2>
14
8
 
15
- <LoginForm />
9
+ <LoginForm />
10
+ </div>
16
11
  </div>
17
- </div>
18
12
  </template>
19
13
  <script setup>
20
14
  import LoginForm from "@/components/Auth/LoginForm.vue";
21
15
  </script>
22
16
  <style lang="scss" scoped>
23
17
  .login-container {
24
- @apply flex flex-col items-center min-h-screen px-4;
25
- margin-top: 3vh;
18
+ @apply flex flex-col items-center min-h-screen px-4;
19
+ margin-top: 3vh;
26
20
 
27
- // Mobile devices
28
- @media (max-width: 480px) {
29
- margin-top: 2vh;
30
- }
21
+ // Mobile devices
22
+ @media (max-width: 480px) {
23
+ margin-top: 2vh;
24
+ }
31
25
 
32
- // Landscape mode
33
- @media (orientation: landscape) {
34
- margin-top: 1vh;
35
- justify-content: flex-start;
36
- min-height: 100vh;
37
- min-height: 100dvh;
38
- }
26
+ // Landscape mode
27
+ @media (orientation: landscape) {
28
+ margin-top: 1vh;
29
+ justify-content: flex-start;
30
+ min-height: 100vh;
31
+ min-height: 100dvh;
32
+ }
39
33
  }
40
34
 
41
35
  .login-card {
42
- @apply bg-dark-400 border border-dark-650 rounded-lg shadow-xl;
43
- backdrop-filter: blur(10px);
44
- box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
45
- width: 100%;
46
- max-width: 420px;
47
- padding: 1.75rem;
36
+ @apply bg-dark-400 border border-dark-650 rounded-lg shadow-xl;
37
+ backdrop-filter: blur(10px);
38
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
39
+ width: 100%;
40
+ max-width: 420px;
41
+ padding: 1.75rem;
48
42
 
49
- // Mobile devices
50
- @media (max-width: 480px) {
51
- max-width: 380px;
52
- padding: 1.5rem;
53
- }
43
+ // Mobile devices
44
+ @media (max-width: 480px) {
45
+ max-width: 380px;
46
+ padding: 1.5rem;
47
+ }
54
48
 
55
- // Landscape mode
56
- @media (orientation: landscape) {
57
- padding: 1.25rem;
58
- margin: 0.25rem 0;
49
+ // Landscape mode
50
+ @media (orientation: landscape) {
51
+ padding: 1.25rem;
52
+ margin: 0.25rem 0;
59
53
 
60
- h2 {
61
- @apply text-lg mb-2;
62
- }
54
+ h2 {
55
+ @apply text-lg mb-2;
56
+ }
63
57
 
64
- .flex.justify-center {
65
- @apply mb-2;
58
+ .flex.justify-center {
59
+ @apply mb-2;
66
60
 
67
- img {
68
- @apply h-10;
69
- }
61
+ img {
62
+ @apply h-10;
63
+ }
64
+ }
70
65
  }
71
- }
72
66
  }
73
67
 
74
68
  // Logo responsive sizing
75
69
  .login-card img {
76
- @media (max-width: 480px) {
77
- @apply h-12;
78
- }
70
+ @media (max-width: 480px) {
71
+ @apply h-12;
72
+ }
79
73
 
80
- @media (orientation: landscape) {
81
- @apply h-10;
82
- }
74
+ @media (orientation: landscape) {
75
+ @apply h-10;
76
+ }
83
77
  }
84
78
 
85
79
  // Title responsive sizing
86
80
  .login-card h2 {
87
- @media (max-width: 480px) {
88
- @apply text-lg mb-3;
89
- }
81
+ @media (max-width: 480px) {
82
+ @apply text-lg mb-3;
83
+ }
90
84
 
91
- @media (orientation: landscape) {
92
- @apply text-base mb-2;
93
- }
85
+ @media (orientation: landscape) {
86
+ @apply text-base mb-2;
87
+ }
94
88
  }
95
89
  </style>