···

       
301
       
301
       
 
       
  ];

     

       
302
       
302
       
 
       


     

       
303
       
303
       
 
       
  return (

     

       
304
       
304
       
-
       
    <div class="mt-3 flex flex-col sm:flex-row">

     

       
304
       
304
       
+
       
    <div class="mt-3 flex flex-col sm:w-full sm:flex-row sm:justify-center">

     

       
305
       
305
       
 
       
      <div class="sticky top-0 mb-3 mr-5 flex w-full flex-wrap justify-around border-b border-b-gray-400 bg-white pb-3 sm:top-3 sm:mb-0 sm:w-auto sm:flex-col sm:self-start sm:border-none">

     

       
306
       
306
       
 
       
        <For each={options}>

     

       
307
       
307
       
 
       
          {(option, index) => (

     
···

       
353
       
353
       
 
       
          )}

     

       
354
       
354
       
 
       
        </For>

     

       
355
       
355
       
 
       
      </div>

     

       
356
       
356
       
-
       
      <div>

     

       
356
       
356
       
+
       
      <div class="sm:w-1/2">

     

       
357
       
357
       
 
       
        <For each={followRecords}>

     

       
358
       
358
       
 
       
          {(record, index) => (

     

       
359
       
359
       
 
       
            <Show when={record.visible}>