wyl/jsonhero-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Share modal light mode style improvements

Browse Source
This commit is contained in:
James Ritchie
2022-03-11 09:55:57 +00:00
parent fdf1d0282f
commit c2a6aba24e
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/Share.tsx
+2 -2
View File
@@ -71,7 +71,7 @@ export function Share() {
return ( return (
<div className="bg-indigo-700 text-white rounded-sm shadow-md w-[340px] p-3 transition"> <div className="bg-indigo-700 text-white rounded-sm shadow-md w-[340px] p-3 transition">
<Body className="text-sm mb-2 text-slate-500 transition dark:text-slate-300"> <Body className="text-sm mb-2 text-slate-300">
Anyone with this link can view this json file. Anyone with this link can view this json file.
</Body> </Body>
<div className="flex"> <div className="flex">
@@ -86,7 +86,7 @@ export function Share() {
</div> </div>
</div> </div>
<div className="form-check form-check-inline mt-2"> <div className="form-check form-check-inline mt-2">
<label className="flex items-center text-sm form-check-label text-slate-800 select-none hover:cursor-pointer transition dark:text-white"> <label className="flex items-center text-sm form-check-label text-slate-300 select-none hover:cursor-pointer transition">
<input <input
className="form-check-input appearance-none h-4 w-4 border border-slate-300 rounded-sm bg-white checked:bg-indigo-700 checked:border-indigo-700 focus:outline-none duration-200 align-top bg-no-repeat bg-center bg-contain float-left mr-2 hover:cursor-pointer transition dark:border-slate-300 dark:bg-slate-200 dark:checked:bg-lime-500 dark:checked:border-lime-500" className="form-check-input appearance-none h-4 w-4 border border-slate-300 rounded-sm bg-white checked:bg-indigo-700 checked:border-indigo-700 focus:outline-none duration-200 align-top bg-no-repeat bg-center bg-contain float-left mr-2 hover:cursor-pointer transition dark:border-slate-300 dark:bg-slate-200 dark:checked:bg-lime-500 dark:checked:border-lime-500"
type="checkbox" type="checkbox"