降低flexdashboard / storyboard中框架的高度

Question

我在一个灵活的仪表板/故事板上工作，我想减少每个框架的高度。这有可能吗？

示例代码：

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

```{r setup, include=FALSE}

库(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>