Skip to content

Commit

Permalink
fix styles
Browse files Browse the repository at this point in the history
  • Loading branch information
kevin-btc committed Jan 10, 2024
1 parent 54b8ed4 commit 3103e3c
Show file tree
Hide file tree
Showing 3 changed files with 8 additions and 6 deletions.
4 changes: 3 additions & 1 deletion examples/polyfire-components/src/App.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,9 @@ function App() {
</div>
</div>
) : (
"Initializing Components..."
<div className="flex justify-center items-center h-screen text-bold">
Initializing Components...
</div>
)}
</div>
);
Expand Down
8 changes: 4 additions & 4 deletions examples/polyfire-components/src/components/CodeDisplay.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -16,22 +16,22 @@ const CodeDisplay = ({ code }: { code: string }) => {

return (
<div className="relative group">
<pre className="bg-stone-700 p-4 border border-stone-300 rounded text-sm font-mono overflow-x-auto">
<pre className="bg-stone-700 p-4 border border-stone-600 rounded text-sm font-mono overflow-x-auto">
{code}
</pre>
<button
onClick={copyToClipboard}
className={`absolute top-2 right-2 flex items-center px-2 py-1 text-xs font-semibold rounded shadow-sm cursor-pointer ${
copyLabel === "Copied"
? "bg-green-500 text-white"
: "bg-white bg-stone-800 hover:bg-stone-800"
} focus:outline-none focus:ring-2 focus:ring-blue-500`}
: "bg-stone-800 hover:bg-stone-900"
} focus:outline-none focus:ring-1 focus:ring-stone-500`}
aria-label={copyLabel}
>
<FaCopy className="mr-1" />
{copyLabel}
</button>
<span className="absolute bottom-full right-2 mb-2 hidden group-hover:block py-1 px-2 text-xs text-white bg-black rounded shadow-lg">
<span className="absolute bottom-full right-2 mb-2 hidden group-hover:block py-1 px-2 text-xs text-stone-100 bg-stone-700 rounded shadow-lg">
Click to copy
</span>
</div>
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "polyfire-js",
"version": "0.2.38",
"version": "0.2.39",
"main": "index.js",
"types": "index.d.ts",
"author": "Lancelot Owczarczak <lancelot@owczarczak.fr>",
Expand Down

0 comments on commit 3103e3c

Please sign in to comment.