niklas/s3browser-frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

moved svg classnames up

Browse Source
This commit is contained in:
Djeeberjr 2021-09-03 18:28:32 +02:00
parent 825d0a778c
commit f12199da65
4 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/breadcrum.svg
View File

@ -1,5 +1,4 @@
<svg <svg
class="h-5 w-auto text-gray-400"
fill="currentColor" fill="currentColor"
viewBox="0 0 20 20" viewBox="0 0 20 20"
> >

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 302 B

After

Width:  |  Height:  |  Size: 265 B

2
src/assets/spinner.svg
View File

@ -1,4 +1,4 @@
<svg class="animate-spin h-6 w-6 dark:text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 400 B

After

Width:  |  Height:  |  Size: 355 B

2
src/components/Breadcrum.tsx
View File

@ -22,7 +22,7 @@ const Breadcrum: React.FC<Props> = (props) => {
{parts.map((e,i,arr)=>{ {parts.map((e,i,arr)=>{
const last = i == arr.length - 1 const last = i == arr.length - 1
return <div key={e} className="inline-flex items-center cursor-pointer"> return <div key={e} className="inline-flex items-center cursor-pointer">
<BreadcrumImage /> <BreadcrumImage className="h-5 w-auto text-gray-400" />
<li> <li>
<a <a
className={`${last?"text-blue-500":""}`} className={`${last?"text-blue-500":""}`}

2
src/components/FileBrowser.tsx
View File

@ -183,7 +183,7 @@ const FileBrowser: React.FC<RouteComponentProps> = (props) => {
/> />
{loading && {loading &&
<div className="flex justify-center mt-4"> <div className="flex justify-center mt-4">
<Spinner /> <Spinner className="animate-spin h-6 w-6 dark:text-white" />
</div> </div>
} }
</div> </div>