Skip to content

Angular App-layout App-topbar 組合的問題 #908

@dase1353

Description

@dase1353
<div class="ts-app-layout is-vertical is-full">
  <div class="cell">
    <div class="ts-app-topbar">
      <div class="start">
        <a class="item">
          <span class="ts-icon is-bars-icon"></span>
        </a>
        <div class="item is-text" routerLink="">功能測試</div>
      </div>
      <div class="center">
        <!-- <marquee style="color: white;">傳說在天上有塊封神榜</marquee> -->
        <!-- <div class="item is-text">功能測試</div> -->
        <!-- <a class="item">
          <span class="ts-icon is-magnifying-glass-icon"></span>
        </a> -->
      </div>
      <div class="end">
        <a class="item">
          <span class="ts-icon is-magnifying-glass-icon"></span>
        </a>
        <a class="item">
          <span class="ts-icon is-ellipsis-vertical-icon"></span>
        </a>
      </div>
    </div>
  </div>
  <div class="cell is-fluid">
    <router-outlet></router-outlet>
  </div>
</div>

稍微詢問一點問題
Angular 內混搭 App-layout App-topbar 如上所示


有跑馬燈 純文字項目 跟一個ICON
image

可以看到純文字項目似乎會被切掉頂端一小部分
不過我看官網的範本好像沒這個問題..所以想問一下是不是用法有誤

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions