spinner size fixed

mraron · Sep 26, 2023 · d1acfe7 · d1acfe7
1 parent 20926f9
commit d1acfe7
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/frontend/src/components/concrete/table/SubmissionTable.js b/frontend/src/components/concrete/table/SubmissionTable.js
@@ -38,7 +38,7 @@ function TestCase13({
                                     />
                                 )}
                                 {!group.failed && !group.completed && (
-                                    <SVGSpinner cls="w-7 h-7" />
+                                    <SVGSpinner cls="w-6 h-6" />
                                 )}
                             </div>
                             {group.name}
@@ -61,7 +61,7 @@ function TestCase13({
                     colSpan={2}>
                     <div className="flex">
                         {testCase.verdictType === 0 && (
-                            <SVGSpinner cls="w-5 h-5 mr-2 shrink-0" />
+                            <SVGSpinner cls="w-4 h-4 shrink-0 mr-2" />
                         )}
                         {testCase.verdictType === 1 && (
                             <FontAwesomeIcon
@@ -140,7 +140,7 @@ function TestCase0({ testCase, index }) {
     const titleComponent = (
         <div className="py-3 px-5 border-b border-bordercol flex items-center text-table">
             {testCase.verdictType === 0 && (
-                <SVGSpinner cls="mr-3 w-6 h-6 shrink-0" />
+                <SVGSpinner cls="w-5 h-5 shrink-0 mr-3" />
             )}
             {testCase.verdictType === 1 && (
                 <FontAwesomeIcon

diff --git a/frontend/src/components/concrete/table/SubmissionsTable.js b/frontend/src/components/concrete/table/SubmissionsTable.js
@@ -49,7 +49,7 @@ function Submission({ submission }) {
                 colSpan={maxScore === 0.0 ? 2 : 1}>
                 <div className="flex items-center">
                     {verdictType === 0 && (
-                        <SVGSpinner cls="w-5 h-5 mr-2 shrink-0" />
+                        <SVGSpinner cls="w-4 h-4 shrink-0 mr-2" />
                     )}
                     {verdictType === 1 && (
                         <FontAwesomeIcon

diff --git a/frontend/src/components/svg/SVGs.js b/frontend/src/components/svg/SVGs.js
@@ -98,7 +98,7 @@ export function SVGSpinner({ cls = null }) {
     return (
         <svg
             className={`${cls} text-grey-700 animate-spin-slow fill-indigo-600`}
-            viewBox="-6 -6 112 113"
+            viewBox="0 0 100 101"
             fill="none"
             xmlns="http://www.w3.org/2000/svg">
             <path

diff --git a/frontend/src/pages/problem/ProblemStatement.js b/frontend/src/pages/problem/ProblemStatement.js
@@ -189,7 +189,7 @@ function ProblemLastSubmissions({ submissions, maxScore }) {
             <td className="padding-td-default" style={{ maxWidth: 100 }}>
                 <div className="flex items-center">
                     {item.verdictType === 0 && (
-                        <SVGSpinner cls="w-4 h-4 mr-3 shrink-0" />
+                        <SVGSpinner cls="w-4 h-4 shrink-0 mr-3" />
                     )}
                     {item.verdictType === 1 && (
                         <FontAwesomeIcon