classcard-ui 0.2.930 → 0.2.931

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "classcard-ui",
3
- "version": "0.2.930",
3
+ "version": "0.2.931",
4
4
  "main": "dist/classcard-ui.umd.min.js",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
@@ -15,7 +15,7 @@
15
15
  </div>
16
16
  <button
17
17
  type="button"
18
- class="focus:outline-none inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
18
+ class="inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
19
19
  @click="initFilestack()"
20
20
  v-if="displayMode == 'overlay' && icon"
21
21
  >
@@ -29,9 +29,9 @@
29
29
  </button>
30
30
  <button
31
31
  type="button"
32
- class="focus:outline-none mt-1.5 flex h-full w-auto items-center justify-center rounded-lg border-2 border-dashed border-gray-300 px-9 py-14 text-center hover:border-gray-400"
32
+ class="mt-1.5 flex h-full w-auto items-center justify-center rounded-lg border-2 border-dashed border-gray-300 px-9 py-14 text-center hover:border-gray-400 focus:outline-none"
33
33
  @click="initFilestack()"
34
- v-if="displayMode == 'overlay' && !icon && !isAvatar"
34
+ v-if="displayMode == 'overlay' && !icon && !isAvatar && !isIconBtn"
35
35
  >
36
36
  <c-icon
37
37
  name="arrow-up"
@@ -41,6 +41,19 @@
41
41
  ></c-icon>
42
42
  <span class="text-sm font-medium text-indigo-900"> Upload </span>
43
43
  </button>
44
+ <button
45
+ type="button"
46
+ class="group ml-1 rounded-full p-2 text-gray-400 hover:bg-gray-200 hover:text-gray-500"
47
+ @click="initFilestack()"
48
+ v-if="displayMode == 'overlay' && !icon && !isAvatar && isIconBtn"
49
+ >
50
+ <c-icon
51
+ name="arrow-up"
52
+ type="solid"
53
+ class="mr-1 h-5 w-5 flex-none text-gray-400 group-hover:text-gray-500"
54
+ viewBox="0 0 20 20"
55
+ ></c-icon>
56
+ </button>
44
57
  <div
45
58
  class="relative hidden h-full w-full overflow-hidden rounded-full lg:block"
46
59
  @click="initFilestack()"
@@ -102,6 +115,10 @@ export default {
102
115
  type: Boolean,
103
116
  default: false,
104
117
  },
118
+ isIconBtn: {
119
+ type: Boolean,
120
+ default: false,
121
+ },
105
122
  shortName: {
106
123
  type: String,
107
124
  },