appview/pages: unify tab styles #449

···

       
19
       
 
       


     

       
20
       
 
       
{{ define "sidebar" }}

     

       
21
       
 
       
  {{ $active := .Workflow }}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
22
       
 
       
  {{ with .Pipeline }}

     

       
23
       
 
       
    {{ $id := .Id }}

     

       
24
       
 
       
    <div class="sticky top-2 grid grid-cols-1 rounded border border-gray-200 dark:border-gray-700 divide-y divide-gray-200 dark:divide-gray-700">

     

       
25
       
 
       
      {{ range $name, $all := .Statuses }}

     

       
26
       
 
       
      <a href="/{{ $.RepoInfo.FullName }}/pipelines/{{ $id }}/workflow/{{ $name }}" class="no-underline hover:no-underline hover:bg-gray-100/25 hover:dark:bg-gray-700/25">

     

       
27
       
 
       
        <div

     

       
28
       
-
       
          class="flex gap-2 items-center justify-between p-2 {{ if eq $name $active }}bg-gray-100/50 dark:bg-gray-700/50{{ end }}">

     

       
29
       
 
       
          {{ $lastStatus := $all.Latest }}

     

       
30
       
 
       
          {{ $kind := $lastStatus.Status.String }}

     

       
31
       
 
       


     

···

       
19
       
 
       


     

       
20
       
 
       
{{ define "sidebar" }}

     

       
21
       
 
       
  {{ $active := .Workflow }}

     

       
22
       
+
       


     

       
23
       
+
       
  {{ $activeTab := "bg-white dark:bg-gray-700 drop-shadow-sm" }}

     

       
24
       
+
       
  {{ $inactiveTab := "bg-gray-100 dark:bg-gray-800" }}

     

       
25
       
+
       


     

       
26
       
 
       
  {{ with .Pipeline }}

     

       
27
       
 
       
    {{ $id := .Id }}

     

       
28
       
 
       
    <div class="sticky top-2 grid grid-cols-1 rounded border border-gray-200 dark:border-gray-700 divide-y divide-gray-200 dark:divide-gray-700">

     

       
29
       
 
       
      {{ range $name, $all := .Statuses }}

     

       
30
       
 
       
      <a href="/{{ $.RepoInfo.FullName }}/pipelines/{{ $id }}/workflow/{{ $name }}" class="no-underline hover:no-underline hover:bg-gray-100/25 hover:dark:bg-gray-700/25">

     

       
31
       
 
       
        <div

     

       
32
       
+
       
          class="flex gap-2 items-center justify-between p-2 {{ if eq $name $active }} {{ $activeTab }} {{ else }} {{ $inactiveTab }} {{ end }}">

     

       
33
       
 
       
          {{ $lastStatus := $all.Latest }}

     

       
34
       
 
       
          {{ $kind := $lastStatus.Status.String }}

     

       
35