Как вертикально выравнивать значения по элементам bslib :: value_box () в Quarto + Shiny Dashboard? ⇐ CSS

[Anonymous]

Я строю приборную панель Quarto Shiny, используя компонент bslib :: value_box (), чтобы отобразить пять полетов в одной строке. Каждое поле имеет заголовок и значение, которое динамически отображается с использованием блестящего. Я хочу, чтобы значения в каждом поле отображались на одной горизонтальной линии во всех коробках, независимо от длины текста или цифр. Прямо сейчас некоторые значения сидят выше или ниже других. Мой фактический проект следует той же настройке. < /P>

Код: Выделить всё

---
title: "Value Box Alignment Example"
format:
dashboard:
expandable: false
server: shiny
---

```{r}
#| label: load-packages
#| context: setup
#| message: false

library(shiny)
library(bslib)
```

## Sidebar {.sidebar}

## Main body

### Value boxes {height="20%"}

```{r}
value_box(
title = "Cases",
value = textOutput("cases_val"),
theme = "teal"
)
```

```{r}
value_box(
title = "Some very long text dajsndasndonasddsadasd",
value = textOutput("deaths_val"),
theme = "teal"
)
```

```{r}
value_box(
title = "Recovered",
value = textOutput("recovered_val"),
theme = "teal"
)
```

```{r}
value_box(
title = "Vaccinated",
value = textOutput("vax_val"),
theme = "teal"
)
```

```{r}
value_box(
title = "Tests",
value = textOutput("tests_val"),
theme = "teal"
)
```

### Row {height="80%"}

```{r}
#| context: server

output$cases_val 

Подробнее здесь: [url]https://stackoverflow.com/questions/79569729/how-to-vertically-align-values-across-bslibvalue-box-elements-in-a-quarto[/url]