更改仪表板四开中值框的大小

Question

我正在使用

Quarto

创建仪表板。我想用

valueboxes

来显示一个值。问题是我不知道如何更改值框中值的大小。在下面的示例中，您将看到当数字太大时，它会超出边界，如下所示：

---
title: "How to change the value size of a valuebox"
format: dashboard
---

# {.sidebar}

Example code

# Tab

## Row {height="20%"}

```{r}
#| content: valuebox
#| title: "Example"

list(
  icon = "people",
  color = "primary",
  value = 123456789
)
```

```{r}
#| content: valuebox
#| title: "Example"

list(
  icon = "people",
  color = "primary",
  value = 123456789
)
```

## Row {height="80%"}

输出：

如您所见，它不适合值框。我尝试使用

size

参数，但这对此不起作用。所以我想知道是否有人知道如何更改值框中值的大小？

Answer 1

.quarto-dashboard .bslib-value-box .value-box-value {
    font-size: clamp(.1em, 10cqw, 5em) !important;
}