@tekkare/auriga 0.1.161 → 0.1.162

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/dist/module.json CHANGED
@@ -4,5 +4,5 @@
4
4
  "compatibility": {
5
5
  "nuxt": "^3.0.0"
6
6
  },
7
- "version": "0.1.161"
7
+ "version": "0.1.162"
8
8
  }
@@ -37,7 +37,7 @@
37
37
  >
38
38
  <slot v-if="customizeBlocks" name="custom" v-bind:block="block" />
39
39
  <div v-else class="block_content">
40
- <div class="oip_row v-center space-between full_stretch">
40
+ <div class="oip_row v-center space-between full_stretch card_head">
41
41
  <p class="block_title">
42
42
  <span v-if="block.country"
43
43
  ><arg-flag v-if="block.iso" :iso="block.iso" height="14" />
@@ -182,5 +182,5 @@ export default defineComponent({
182
182
  </script>
183
183
 
184
184
  <style scoped>
185
- .arg_home_all_blocks{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px}.block_card{cursor:pointer;flex:0 0 calc(50% - 59px);margin:0!important;padding:24px!important}.block_card:not(.block_selected):hover .block_title{color:var(--primary)!important}.block_descr{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-style:normal;font-weight:400;line-height:160%;overflow:hidden}.block_content{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.block_title{align-items:flex-end;display:flex;flex-direction:row;font-size:16px;font-style:normal;font-weight:700;gap:8px;line-height:normal}.block_selected{background:var(--primary)!important;border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important;color:var(--white)!important}.full_stretch{align-self:stretch}.population p{color:var(--medium);font-size:12px;font-weight:400;line-height:14px}
185
+ .arg_home_all_blocks{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px}.block_card{cursor:pointer;flex:0 0 calc(50% - 59px);margin:0!important;padding:24px!important}.block_card:not(.block_selected):hover .block_title{color:var(--primary)!important}.block_descr{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-style:normal;font-weight:400;line-height:160%;overflow:hidden}.block_content{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.block_title{align-items:flex-end;display:flex;flex-direction:row;font-size:16px;font-style:normal;font-weight:700;gap:8px;line-height:normal}.block_selected{background:var(--primary)!important;border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important;color:var(--white)!important}.full_stretch{align-self:stretch}.population p{color:var(--medium);font-size:12px;font-weight:400;line-height:14px}.block_selected>.block_content>.card_head>.population p,.block_selected>.block_content>.card_head>.population svg{color:var(--white)!important}
186
186
  </style>
@@ -1,10 +1,10 @@
1
1
  <template>
2
2
  <div class="arg_section_card" :class="isAction ? 'action' : ''">
3
- <div class="arg_section header" v-if="position === 'top'">
3
+ <div class="arg_section card_header" v-if="position === 'top'">
4
4
  <slot name="Header" />
5
5
  </div>
6
6
  <div
7
- class="content"
7
+ class="card_content"
8
8
  :class="
9
9
  position === 'top'
10
10
  ? 'footer'
@@ -15,7 +15,7 @@
15
15
  >
16
16
  <slot />
17
17
  </div>
18
- <div class="arg_section footer" v-if="position === 'bottom'">
18
+ <div class="arg_section card_footer" v-if="position === 'bottom'">
19
19
  <slot name="Footer" />
20
20
  </div>
21
21
  </div>
@@ -39,5 +39,5 @@ export default defineComponent({
39
39
  </script>
40
40
 
41
41
  <style scoped>
42
- .arg_section{align-self:stretch;background:rgba(253,253,255,.8);color:var(--dark);font-size:12px;font-style:normal;font-weight:400;line-height:normal;padding:8px 16px}.arg_section_card{align-items:flex-start;border:1px solid var(--Main-Light,#dbdef0);border-radius:12px;box-shadow:var(--small-shadow);display:flex;flex-direction:column}.arg_section_card.action:hover{border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important}.content{align-self:stretch;background:var(--white);padding:24px}.arg_section.header{border-bottom:1px solid var(--Main-Light,#dbdef0)}.header{border-top-left-radius:12px;border-top-right-radius:12px}.arg_section.footer{border-top:1px solid var(--Main-Light,#dbdef0)}.footer{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.none{border-radius:12px!important}
42
+ .arg_section{align-self:stretch;background:rgba(253,253,255,.8);color:var(--dark);font-size:12px;font-style:normal;font-weight:400;line-height:normal;padding:8px 16px}.arg_section_card{align-items:flex-start;border:1px solid var(--Main-Light,#dbdef0);border-radius:12px;box-shadow:var(--small-shadow);display:flex;flex-direction:column}.arg_section_card.action:hover{border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important}.card_content{align-self:stretch;background:var(--white);padding:24px}.arg_section.header{border-bottom:1px solid var(--Main-Light,#dbdef0)}.card_header{border-top-left-radius:12px;border-top-right-radius:12px}.arg_section.footer{border-top:1px solid var(--Main-Light,#dbdef0)}.card_footer{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.none{border-radius:12px!important}
43
43
  </style>
@@ -41,7 +41,7 @@ export default defineComponent({
41
41
  showMore.value = !showMore.value;
42
42
  }
43
43
  onMounted(() => {
44
- if (height.value > 51) {
44
+ if (height.value > 55) {
45
45
  isBig.value = true;
46
46
  showReadMore.value = true;
47
47
  } else
@@ -50,7 +50,7 @@ export default defineComponent({
50
50
  watch(
51
51
  () => height.value,
52
52
  () => {
53
- if (height.value > 51) {
53
+ if (height.value > 55) {
54
54
  isBig.value = true;
55
55
  showReadMore.value = true;
56
56
  } else
@@ -63,5 +63,5 @@ export default defineComponent({
63
63
  </script>
64
64
 
65
65
  <style scoped>
66
- .read_more{color:var(--primary);cursor:pointer;text-decoration:underline}.crop{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wrap-line{white-space:pre-line}
66
+ .read_more{color:var(--primary);cursor:pointer;text-decoration:underline}.read_more:hover{color:var(--primary-hover)}.crop{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wrap-line{white-space:pre-line}
67
67
  </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tekkare/auriga",
3
- "version": "0.1.161",
3
+ "version": "0.1.162",
4
4
  "description": "Aurgia is a UI kit developped by Tekkare",
5
5
  "license": "MIT",
6
6
  "type": "module",