···

       
137
       
 
       
          <Show when={blob.mimeType === "video/mp4" && !hide()}>

     

       
138
       
 
       
            <VideoPlayer did={repo} cid={blob.ref.$link} />

     

       
139
       
 
       
          </Show>

     

       
140
       
-
       
          <span class="flex flex-col items-center justify-between">

     

       
0
       
 
       

     

       
0
       
 
       

     

       
141
       
 
       
            <Show when={blob.mimeType.startsWith("image/") || blob.mimeType === "video/mp4"}>

     

       
142
       
 
       
              <Tooltip text={hide() ? "Show" : "Hide"}>

     

       
143
       
 
       
                <button

     

···

       
137
       
 
       
          <Show when={blob.mimeType === "video/mp4" && !hide()}>

     

       
138
       
 
       
            <VideoPlayer did={repo} cid={blob.ref.$link} />

     

       
139
       
 
       
          </Show>

     

       
140
       
+
       
          <span

     

       
141
       
+
       
            classList={{ "flex items-center justify-between gap-2": true, "flex-col": !hide() }}

     

       
142
       
+
       
          >

     

       
143
       
 
       
            <Show when={blob.mimeType.startsWith("image/") || blob.mimeType === "video/mp4"}>

     

       
144
       
 
       
              <Tooltip text={hide() ? "Show" : "Hide"}>

     

       
145
       
 
       
                <button