Spaces:

huggingfacejs
/

chat-template-playground

Running

victor HF Staff commited on Apr 16

Commit

a1aaa2f

1 Parent(s): 8fe6281

Fix Reset icon alignment by removing translate overrides

Files changed (2) hide show

src/lib/ChatTemplateViewer/ChatTemplateViewer.svelte CHANGED Viewed

@@ -47,7 +47,7 @@
 				<!-- reset button -->
 				{#if showFormattedTemplate ? selectedTemplate?.formattedTemplate !== selectedTemplate?.formattedTemplateUnedited : selectedTemplate?.template !== selectedTemplate?.templateUnedited}
 					<button
-						class="relative inline-flex h-6! cursor-pointer items-center justify-center rounded-md border border-gray-200 bg-white p-0! px-1.5! text-sm focus:outline-hidden dark:border-gray-700 dark:bg-gray-800 dark:text-white [&_svg]:translate-x-px! [&_svg]:translate-y-px! [&_svg]:text-base!"
 						type="button"
 						on:click={() => {
 							if (selectedTemplate) {
@@ -76,7 +76,7 @@
 				<!-- format button -->
 				<button
-					class="relative inline-flex h-6! cursor-pointer items-center justify-center rounded-md border border-gray-200 bg-white p-0! px-1.5! text-sm focus:outline-hidden dark:border-gray-700 dark:bg-gray-800 dark:text-white [&_svg]:translate-x-px! [&_svg]:translate-y-px! [&_svg]:text-base!"
 					type="button"
 					on:click={() => {
 						showFormattedTemplate = !showFormattedTemplate;

 				<!-- reset button -->
 				{#if showFormattedTemplate ? selectedTemplate?.formattedTemplate !== selectedTemplate?.formattedTemplateUnedited : selectedTemplate?.template !== selectedTemplate?.templateUnedited}
 					<button
+						class="relative inline-flex h-6! cursor-pointer items-center justify-center rounded-md border border-gray-200 bg-white p-0! px-1.5! text-sm focus:outline-hidden dark:border-gray-700 dark:bg-gray-800 dark:text-white [&_svg]:text-base!"
 						type="button"
 						on:click={() => {
 							if (selectedTemplate) {
 				<!-- format button -->
 				<button
+					class="relative inline-flex h-6! cursor-pointer items-center justify-center rounded-md border border-gray-200 bg-white p-0! px-1.5! text-sm focus:outline-hidden dark:border-gray-700 dark:bg-gray-800 dark:text-white [&_svg]:text-base!"
 					type="button"
 					on:click={() => {
 						showFormattedTemplate = !showFormattedTemplate;

src/lib/JsonEditor/JsonEditor.svelte CHANGED Viewed

@@ -216,7 +216,7 @@
 				<!-- reset button -->
 				{#if exampleValue && exampleValue !== value}
 					<button
-						class="relative inline-flex h-6! cursor-pointer items-center justify-center rounded-md border border-gray-200 bg-white p-0! px-1.5! text-sm focus:outline-hidden dark:border-gray-700 dark:bg-gray-800 dark:text-white [&_svg]:translate-x-px! [&_svg]:translate-y-px! [&_svg]:text-base!"
 						type="button"
 						on:click={() => {
 							value = exampleValue;

 				<!-- reset button -->
 				{#if exampleValue && exampleValue !== value}
 					<button
+						class="relative inline-flex h-6! cursor-pointer items-center justify-center rounded-md border border-gray-200 bg-white p-0! px-1.5! text-sm focus:outline-hidden dark:border-gray-700 dark:bg-gray-800 dark:text-white [&_svg]:text-base!"
 						type="button"
 						on:click={() => {
 							value = exampleValue;