@appscode/design-system 1.1.0-beta.54 → 1.1.0-beta.55
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
|
@@ -4,12 +4,20 @@ import { defineAsyncComponent } from "vue";
|
|
|
4
4
|
const ContentHeader = defineAsyncComponent(
|
|
5
5
|
() => import("./../content/ContentHeader.vue")
|
|
6
6
|
);
|
|
7
|
+
|
|
8
|
+
interface Props {
|
|
9
|
+
headerTitle: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
withDefaults(defineProps<Props>(), {
|
|
13
|
+
headerTitle: "",
|
|
14
|
+
});
|
|
7
15
|
</script>
|
|
8
16
|
|
|
9
17
|
<template>
|
|
10
18
|
<div class="overview-cards-wrapper">
|
|
11
19
|
<!-- title -->
|
|
12
|
-
<content-header headerTitle="
|
|
20
|
+
<content-header :headerTitle="headerTitle"></content-header>
|
|
13
21
|
<!-- title -->
|
|
14
22
|
<div class="overview-cards b-t-1">
|
|
15
23
|
<slot />
|
|
@@ -3,26 +3,31 @@ interface Props {
|
|
|
3
3
|
title?: string;
|
|
4
4
|
subTitle?: string;
|
|
5
5
|
logo?: string;
|
|
6
|
+
link?: string;
|
|
6
7
|
}
|
|
7
8
|
|
|
8
9
|
withDefaults(defineProps<Props>(), {
|
|
9
10
|
title: "no title",
|
|
10
11
|
subTitle: "",
|
|
11
12
|
logo: "https://bb-developer-v1.web.app/_nuxt/img/azure-logo.4fa9281.svg",
|
|
13
|
+
link: "#",
|
|
12
14
|
});
|
|
13
15
|
</script>
|
|
16
|
+
|
|
14
17
|
<template>
|
|
15
18
|
<!-- use "is-selected" for select item -->
|
|
16
|
-
<
|
|
19
|
+
<RouterLink :to="link" class="ac-single-card has-text-centered">
|
|
17
20
|
<div class="ac-card-logo">
|
|
18
|
-
<div class="card-status"
|
|
21
|
+
<div class="card-status" />
|
|
19
22
|
<img :src="logo" alt="vendor logo" />
|
|
20
23
|
</div>
|
|
21
24
|
<div class="ac-card-name">
|
|
22
25
|
<p>{{ title }}</p>
|
|
23
|
-
<p class="has-text-weight-normal mt-8"
|
|
26
|
+
<p v-if="subTitle" class="has-text-weight-normal mt-8">
|
|
27
|
+
{{ subTitle }}
|
|
28
|
+
</p>
|
|
24
29
|
</div>
|
|
25
|
-
</
|
|
30
|
+
</RouterLink>
|
|
26
31
|
</template>
|
|
27
32
|
|
|
28
33
|
<style lang="scss" scoped>
|
|
@@ -13,7 +13,7 @@ export default {
|
|
|
13
13
|
primaryColor="#f5f5f5"
|
|
14
14
|
secondaryColor="#ecebeb"
|
|
15
15
|
>
|
|
16
|
-
<rect x="0" y="0" rx="0" ry="0"
|
|
16
|
+
<rect x="0" y="0" rx="0" ry="0" />
|
|
17
17
|
<circle cx="47" cy="52" r="21" />
|
|
18
18
|
<rect x="86" y="64" rx="0" ry="0" width="95" height="11" />
|
|
19
19
|
<rect x="86" y="29" rx="0" ry="0" width="146" height="22" />
|