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