verdnatura/salix-front
verdnatura
/
salix-front
2
2
Fork 1
Code Issues Pull Requests 71 Releases Wiki Activity

Merge pull request 'refs #6256 lv breakword' (!104) from 6256-breakWord into dev
gitea/salix-front/pipeline/head This commit looks good Details 

Reviewed-on: #104
Reviewed-by: Juan Ferrer <juan@verdnatura.es>
Reviewed-by: Alex Moreno <alexm@verdnatura.es>
This commit is contained in:
Carlos Satorres 2024-01-03 08:18:14 +00:00
parent e711040876 be02a1f47a
commit 013a00d653
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ui/CardSummary.vue
View File

@ -97,7 +97,7 @@ watch(props, async () => {
flex: 2; flex: 2;
} }
> .q-card.vn-three { > .q-card.vn-three {
flex: 3; flex: 4;
} }
> .q-card.vn-max { > .q-card.vn-max {
width: 100%; width: 100%;
@ -116,17 +116,17 @@ watch(props, async () => {
margin-top: 5px; margin-top: 5px;
.label { .label {
color: var(--vn-label); color: var(--vn-label);
width: 10em; width: 8em;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-right: 10px; margin-right: 10px;
flex-grow: 0;
flex-shrink: 0;
} }
.value { .value {
color: var(--vn-text); color: var(--vn-text);
width: max-content;
overflow: hidden; overflow: hidden;
white-space: nowrap;
} }
} }
.header { .header {

7
src/components/ui/VnLv.vue
View File

@ -13,6 +13,13 @@ const $props = defineProps({
}); });
const isBooleanValue = computed(() => typeof $props.value === 'boolean'); const isBooleanValue = computed(() => typeof $props.value === 'boolean');
</script> </script>
<style scoped>
.label,
.value {
white-space: pre-line;
word-wrap: break-word;
}
</style>
<template> <template>
<div class="vn-label-value"> <div class="vn-label-value">
<div v-if="$props.label || $slots.label" class="label"> <div v-if="$props.label || $slots.label" class="label">