减少flexdashboard / storyboard中框架的高度

Question

我正在开发一个 flexdashboard / 故事板，我想在其中降低每个框架的高度。那可能吗？

示例代码：

---
title: "Flex"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
---

```{r setup, include=FALSE}
library(flexdashboard)
```
G1 {.storyboard}
===================================================

### Frame 1

Some text and code

### Frame 2

Some text and code

G2
===================================================

### Row 1

### Row 2

即删除空白区域如下：

谢谢！

Answer 1

控件在 css 中。有两件事要改变 - 盒子的高度（第一个 css）和页面箭头的高度（第二个 css）。 'height' 变量需要同时改变。

    ---
    title: "Flex"
    output: 
      flexdashboard::flex_dashboard:
        orientation: columns
        vertical_layout: fill
    ---

    ```{r setup, include=FALSE}
    library(flexdashboard)
    ```
    G1 {.storyboard}
    ===================================================

    ### Frame 1

    Some text and code

    ### Frame 2

    Some text and code

    G2
    ===================================================

    ### Row 1

    ### Row 2

    <style>

    .storyboard-nav .sbframelist {
        margin: 0 auto;
        width: 94%;
        height: 50px;
        overflow: hidden;
        text-shadow: none;
        margin-bottom: 8px;
    }

    .storyboard-nav .sbnext, .storyboard-nav .sbprev {
        float: left;
        width: 2%;
        height: 50px;
        font-size: 50px;
    }

    </style>