减少flexdashboard/storyboard中的框架高度

Question

我正在一个flexdashboard/storyboard上工作，我希望减少每个框架的高度。那可能吗？

示例代码：

--- 
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）。 “高度”变量需要在两者中改变。

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