Hugging Face's logo

Spaces:
nirdrang
/
chat-ui_test
Build error

App Files Community
victor HF staff commited on
Commit
c67d260
•
1 Parent(s): cbe1258

Bottom nav design (#101)

Browse files

* add UIM icons

* add bottom nav

* privacy last

* Revert "add UIM icons"

This reverts commit 2f6ea3678abe173bbce20befedb34c94c3c84c49.

* remove icons

Files changed (1) hide show
  1. src/lib/components/NavMenu.svelte +9 -6
src/lib/components/NavMenu.svelte CHANGED
@@ -6,6 +6,7 @@
6
  import Logo from "$lib/components/icons/Logo.svelte";
7
  import CarbonTrashCan from "~icons/carbon/trash-can";
8
  import CarbonExport from "~icons/carbon/export";
 
9
  import { switchTheme } from "$lib/switchTheme";
10
  import { PUBLIC_ORIGIN } from "$env/static/public";
11
 
@@ -70,25 +71,27 @@
70
  {/each}
71
  </div>
72
  <div
73
- class="flex flex-col p-3 gap-2 bg-gradient-to-l from-gray-50 dark:from-gray-800/30 rounded-r-xl"
74
  >
75
  <button
76
  on:click={switchTheme}
77
  type="button"
78
- class="text-left flex items-center first-letter:capitalize truncate py-3 px-3 rounded-lg flex-none text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700"
79
  >
80
  Theme
81
  </button>
82
  <a
83
  href="https://huggingface.co/spaces/huggingchat/chat-ui/discussions"
84
- class="text-left flex items-center first-letter:capitalize truncate py-3 px-3 rounded-lg flex-none text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700"
 
 
85
  >
86
- Community feedback
87
  </a>
88
  <a
89
  href={base}
90
- class="truncate py-3 px-3 rounded-lg flex-none text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700"
91
  >
92
- Settings
93
  </a>
94
  </div>
 
6
  import Logo from "$lib/components/icons/Logo.svelte";
7
  import CarbonTrashCan from "~icons/carbon/trash-can";
8
  import CarbonExport from "~icons/carbon/export";
9
+
10
  import { switchTheme } from "$lib/switchTheme";
11
  import { PUBLIC_ORIGIN } from "$env/static/public";
12
 
 
71
  {/each}
72
  </div>
73
  <div
74
+ class="flex flex-col p-3 gap-2 bg-gradient-to-l from-gray-50 dark:from-gray-800/30 rounded-r-xl mt-0.5 text-sm"
75
  >
76
  <button
77
  on:click={switchTheme}
78
  type="button"
79
+ class="group pl-3 pr-2 h-9 rounded-lg flex-none text-gray-500 dark:text-gray-400 dark:hover:bg-gray-700 flex items-center gap-1.5 hover:bg-gray-100"
80
  >
81
  Theme
82
  </button>
83
  <a
84
  href="https://huggingface.co/spaces/huggingchat/chat-ui/discussions"
85
+ target="_blank"
86
+ rel="noreferrer"
87
+ class="group pl-3 pr-2 h-9 rounded-lg flex-none text-gray-500 dark:text-gray-400 dark:hover:bg-gray-700 flex items-center gap-1.5 hover:bg-gray-100"
88
  >
89
+ Feedback
90
  </a>
91
  <a
92
  href={base}
93
+ class="group pl-3 pr-2 h-9 rounded-lg flex-none text-gray-500 dark:text-gray-400 dark:hover:bg-gray-700 flex items-center gap-1.5 hover:bg-gray-100"
94
  >
95
+ Privacy
96
  </a>
97
  </div>