Update template 3 (#395)
* fix: agent card click event * fix: css vars implementation --------- Co-authored-by: Davide Di Modica <webmaster.ddm@gmail.com>
taylor_socfortress committed
Jan 16, 2025 at 14:31 UTC
804112da31df947cf3f94d6030a774013c42d28e
6 files changed
+9
-9
frontend/src/assets/scss/common.scss
+1
-1
@@ -128,7 +128,7 @@
128
}
129
130
.over-layer {
131
- background-color: rgba(var(--bg-body-color-rgb), 0.8);
131
+ background-color: rgba(var(--bg-body-color-rgb) / 0.8);
132
position: absolute;
133
top: 0;
134
left: 0;
frontend/src/components/alerts/AlertsSummary.vue
+1
-1
@@ -97,7 +97,7 @@ const { gotoIndex } = useGoto()
97
right: 0;
98
height: 100%;
99
width: 100%;
100
- background: rgba(var(--bg-default-color-rgb), 0.6);
100
+ background: rgba(var(--bg-default-color-rgb) / 0.6);
101
background: linear-gradient(transparent 0%, var(--bg-default-color) 85%);
102
display: flex;
103
align-items: center;
frontend/src/components/common/Badge.vue
+2
-2
@@ -138,11 +138,11 @@ const { type, hintCursor, pointCursor, color, href, fluid } = defineProps<{
138
}
139
}
140
&.success {
141
- border-color: rgba(var(--success-color-rgb), 0.3);
141
+ border-color: rgba(var(--success-color-rgb) / 0.3);
142
143
& > span {
144
&:first-child {
145
- background-color: rgba(var(--success-color-rgb), 0.2);
145
+ background-color: rgba(var(--success-color-rgb) / 0.2);
146
}
147
}
148
}
frontend/src/components/common/cards/CardKV.vue
+3
-3
@@ -74,11 +74,11 @@ const { color, size, valueClass } = defineProps<{
74
}
75
76
&success {
77
- border-color: rgba(var(--success-color-rgb), 0.3);
78
- background-color: rgba(var(--success-color-rgb), 0.2);
77
+ border-color: rgba(var(--success-color-rgb) / 0.3);
78
+ background-color: rgba(var(--success-color-rgb) / 0.2);
79
80
.key {
81
- border-color: rgba(var(--success-color-rgb), 0.3);
81
+ border-color: rgba(var(--success-color-rgb) / 0.3);
82
}
83
}
84
frontend/src/components/reportCreation/Panels.vue
+1
-1
@@ -536,7 +536,7 @@ onMounted(() => {
536
top: 0px;
537
left: 0px;
538
right: 0;
539
- background-color: rgba(var(--error-color-rgb), 0.1);
539
+ background-color: rgba(var(--error-color-rgb) / 0.1);
540
border-top-left-radius: var(--border-radius);
541
border-top-right-radius: var(--border-radius);
542
text-align: center;
frontend/src/views/agents/Agents.vue
+1
-1
@@ -10,7 +10,7 @@
10
:agents-critical="agentsCritical"
11
:agents-online="agentsOnline"
12
@run="runCommand($event)"
13
- @click.stop="gotoAgent($event.agent_id)"
13
+ @click="gotoAgent($event.agent_id)"
14
/>
15
</div>
16
<div class="main flex grow flex-col overflow-hidden">