semantic-ui-vue侧边栏高度不适合屏幕

Question

我正在使用semantic-ui-vue 对于一个项目。但侧边栏高度有问题..这是我的代码..如何设置侧边栏高度的屏幕尺寸。

＆＃13;

＆＃13;

<sui-sidebar-pushable class="ui attached segmant" > 
    <sui-sidebar animation="overlay" class="inverted" :visible="visible" >
      <a class="item">1</a>
      <a class="item">2</a>
      <a class="item">3</a>
    </sui-sidebar>
    <sui-sidebar-pusher :dimmed="visible" @click="visible = false">
      <div class="ui container">
        <div>
          <button class="ui button" @click.stop="visible = true">Menu</button>
        </div>
        <!-- site content -->
        Content Goes here <br>  
      </div>
    </sui-sidebar-pusher>
  </sui-sidebar-pushable>

＆＃13;

＆＃13;

＆＃13;

enter image description here