feat: improved dashboard titles ui + a11y
This commit is contained in:
		@@ -132,7 +132,7 @@
 | 
			
		||||
          {#if delete_triggered}
 | 
			
		||||
            <button
 | 
			
		||||
              on:click={deleteGroup}
 | 
			
		||||
              class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
 | 
			
		||||
              class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:w-auto sm:text-sm"
 | 
			
		||||
              >{$_("confirm-deletion")}</button
 | 
			
		||||
            >
 | 
			
		||||
            <button
 | 
			
		||||
@@ -149,7 +149,7 @@
 | 
			
		||||
                delete_triggered = true;
 | 
			
		||||
              }}
 | 
			
		||||
              type="button"
 | 
			
		||||
              class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
 | 
			
		||||
              class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:w-auto sm:text-sm"
 | 
			
		||||
              >{$_("delete-group")}</button
 | 
			
		||||
            >
 | 
			
		||||
          {/if}
 | 
			
		||||
@@ -160,7 +160,7 @@
 | 
			
		||||
            class:opacity-50={!save_enabled}
 | 
			
		||||
            type="button"
 | 
			
		||||
            on:click={submit}
 | 
			
		||||
            class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
 | 
			
		||||
            class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:w-auto sm:text-sm"
 | 
			
		||||
            >{$_("save-changes")}</button
 | 
			
		||||
          >
 | 
			
		||||
        {/if}
 | 
			
		||||
 
 | 
			
		||||
@@ -143,13 +143,13 @@
 | 
			
		||||
            class:opacity-50={save_enabled}
 | 
			
		||||
            type="button"
 | 
			
		||||
            on:click={submit}
 | 
			
		||||
            class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
 | 
			
		||||
            class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:w-auto sm:text-sm"
 | 
			
		||||
            >{$_("save-changes")}</button
 | 
			
		||||
          >
 | 
			
		||||
        {:else}
 | 
			
		||||
          <button
 | 
			
		||||
            type="button"
 | 
			
		||||
            class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-yellow-600 text-base font-medium text-white hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-500 sm:ml-3 sm:w-auto sm:text-sm"
 | 
			
		||||
            class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-yellow-600 text-base font-medium text-white hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-500 sm:w-auto sm:text-sm"
 | 
			
		||||
            >{$_("applying-changes")}</button
 | 
			
		||||
          >
 | 
			
		||||
        {/if}
 | 
			
		||||
@@ -193,7 +193,7 @@
 | 
			
		||||
                      }
 | 
			
		||||
                    }}
 | 
			
		||||
                    type="button"
 | 
			
		||||
                    class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-green-200 text-base font-medium text-black hover:bg-green-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm"
 | 
			
		||||
                    class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-green-200 text-base font-medium text-black hover:bg-green-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:w-auto sm:text-sm"
 | 
			
		||||
                    >+</button
 | 
			
		||||
                  >
 | 
			
		||||
                </p>
 | 
			
		||||
@@ -233,7 +233,7 @@
 | 
			
		||||
                    }
 | 
			
		||||
                  }}
 | 
			
		||||
                  type="button"
 | 
			
		||||
                  class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-300 text-base font-medium text-black hover:bg-red-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm"
 | 
			
		||||
                  class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-300 text-base font-medium text-black hover:bg-red-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:w-auto sm:text-sm"
 | 
			
		||||
                  >-</button
 | 
			
		||||
                >
 | 
			
		||||
              </p>
 | 
			
		||||
 
 | 
			
		||||
@@ -17,7 +17,7 @@
 | 
			
		||||
        modal_open = true;
 | 
			
		||||
      }}
 | 
			
		||||
      type="button"
 | 
			
		||||
      class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
 | 
			
		||||
      class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:w-auto sm:text-sm"
 | 
			
		||||
    >
 | 
			
		||||
      {$_("add-user-group")}
 | 
			
		||||
    </button>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user