diff --git a/web/satellite/src/components/common/VTable.vue b/web/satellite/src/components/common/VTable.vue index e1ab39f70..6b1b17ea0 100644 --- a/web/satellite/src/components/common/VTable.vue +++ b/web/satellite/src/components/common/VTable.vue @@ -151,59 +151,30 @@ const emit = defineEmits(['selectAllClicked']); } } -@media screen and (width <= 970px) { +tbody tr > .data p { + max-width: 25rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; - tbody tr > .data p { - max-width: 25rem; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + @media screen and (width <= 970px) { + max-width: 15rem; + } + + @media screen and (width <= 870px) { + max-width: 10rem; + } + + @media screen and (width <= 350px) { + max-width: 8rem; } } -@media screen and (width <= 870px) { - - tbody tr > .data p { - max-width: 20rem; - } -} - -@media screen and (width <= 550px) { +@media screen and (width <= 600px) { .select { display: none; } - - tbody tr > .data p { - max-width: 25rem; - } } -@media screen and (width <= 660px) { - - tbody tr > .data p { - max-width: 15rem; - } -} - -@media screen and (width <= 550px) { - - tbody tr > .data p { - max-width: 15rem; - } -} - -@media screen and (width <= 440px) { - - tbody tr > .data p { - max-width: 10rem; - } -} - -@media screen and (width <= 350px) { - - tbody tr > .data p { - max-width: 8rem; - } -}