fix img render

nesmon · Mar 20, 2023 · b240c6d · b240c6d
1 parent 3f272ef
commit b240c6d
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 6 deletions.
diff --git a/src/App.css b/src/App.css
@@ -1,7 +1,3 @@
-.App {
-  text-align: center;
-}
-
 .songList {
   display: flex;
   flex-direction: row;

diff --git a/src/Components/chart/chart.css b/src/Components/chart/chart.css
@@ -7,6 +7,7 @@
     border-bottom: 5px solid #A32D44;
     transition: transform 0.2s;
     transform: scale(1);
+    text-align: center;
 }
 
 .chart:hover {

diff --git a/src/Components/chart/chart.jsx b/src/Components/chart/chart.jsx
@@ -4,7 +4,7 @@ const Chart = ({ data }) => {
     return (
         <div className="chart">
             <div className='song'>
-                <img className='chartImg' src={data.imageCover} alt={data.name} width="80%"/>
+                <img className='chartImg inline' src={data.imageCover} alt={data.name} width="80%"/>
                 <div className='difficulty'>
                     {data.difficulty.map((item, index) => {
                         return (

diff --git a/src/main.jsx b/src/main.jsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App'
-//import './index.css'
+import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>