@softwareone/spi-sv5-library 0.1.1 → 0.1.2
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/Card/Card.svelte
CHANGED
|
@@ -4,11 +4,10 @@
|
|
|
4
4
|
interface CardProps {
|
|
5
5
|
alignItems?: 'left' | 'center' | 'right';
|
|
6
6
|
type?: 'default' | 'layout';
|
|
7
|
-
height?: string;
|
|
8
7
|
children?: Snippet;
|
|
9
8
|
}
|
|
10
9
|
|
|
11
|
-
let { alignItems, type,
|
|
10
|
+
let { alignItems, type, children }: CardProps = $props();
|
|
12
11
|
|
|
13
12
|
alignItems = alignItems ?? 'left';
|
|
14
13
|
type = type ?? 'default';
|
|
@@ -25,7 +24,6 @@
|
|
|
25
24
|
<div
|
|
26
25
|
class={getCardType(type)}
|
|
27
26
|
data-align={alignItems}
|
|
28
|
-
style={`height: ${height ? height : 'auto'};`}
|
|
29
27
|
>
|
|
30
28
|
<div class="card-content">
|
|
31
29
|
{@render children?.()}
|
|
@@ -35,10 +33,11 @@
|
|
|
35
33
|
<style>
|
|
36
34
|
.card,
|
|
37
35
|
.card-layout {
|
|
38
|
-
display: flex;
|
|
36
|
+
display: inline-flex;
|
|
39
37
|
margin-left: 24px;
|
|
40
38
|
margin-right: 48px;
|
|
41
39
|
margin-bottom: 24px;
|
|
40
|
+
height: calc(100vh);
|
|
42
41
|
min-width: 222px;
|
|
43
42
|
min-height: 222px;
|
|
44
43
|
flex-direction: column;
|
|
@@ -50,6 +49,7 @@
|
|
|
50
49
|
}
|
|
51
50
|
|
|
52
51
|
.card-layout {
|
|
52
|
+
height: calc(100vh);
|
|
53
53
|
width: calc(100% - 48px);
|
|
54
54
|
}
|
|
55
55
|
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
</script>
|
|
10
10
|
|
|
11
11
|
{#if isInternal}
|
|
12
|
-
<div class="footer">
|
|
13
12
|
<section class="footer-section">
|
|
14
13
|
<article class="footer-logo">
|
|
15
14
|
<img alt="SoftwareOne logo" class="logo-image" src="/softwareone-logo-white.svg" />
|
|
@@ -28,7 +27,6 @@
|
|
|
28
27
|
<div class="footer-link">© 2024 SoftwareOne. All rights reserved</div>
|
|
29
28
|
</article>
|
|
30
29
|
</section>
|
|
31
|
-
</div>
|
|
32
30
|
{:else}
|
|
33
31
|
<div class="logo-legal-section">
|
|
34
32
|
<div class="logo">
|
|
@@ -66,23 +64,14 @@
|
|
|
66
64
|
|
|
67
65
|
<style>
|
|
68
66
|
/* Footer sticks to the bottom */
|
|
69
|
-
.footer {
|
|
70
|
-
background-color: #25282d;
|
|
71
|
-
min-height: 100px;
|
|
72
|
-
align-content: center;
|
|
73
|
-
width: 100%;
|
|
74
|
-
position: absolute;
|
|
75
|
-
bottom: 0;
|
|
76
|
-
left: 0;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
67
|
.footer-section {
|
|
68
|
+
background-color: #25282d;
|
|
80
69
|
display: flex;
|
|
81
70
|
flex-direction: row;
|
|
82
71
|
gap: 96px;
|
|
83
72
|
align-items: center;
|
|
84
73
|
justify-content: center;
|
|
85
|
-
padding:
|
|
74
|
+
padding: 24px;
|
|
86
75
|
}
|
|
87
76
|
|
|
88
77
|
.footer-logo {
|
|
@@ -108,7 +97,9 @@
|
|
|
108
97
|
}
|
|
109
98
|
|
|
110
99
|
.footer-link:hover {
|
|
111
|
-
color: #
|
|
100
|
+
color: #fff;
|
|
101
|
+
cursor: pointer;
|
|
102
|
+
text-decoration: underline;
|
|
112
103
|
}
|
|
113
104
|
|
|
114
105
|
.logo-legal-section {
|