Try having images under src/ for relative path
@@ -90,10 +90,11 @@ export class Calculator extends React.PureComponent<Props> {
|
||||
Points: {availablePoints}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="/shaman/-5505000055523051-55">Shaman test</a>
|
||||
<a href="/shaman/-5595000055523051-55">Shaman test broken</a>
|
||||
</div>
|
||||
<ul>
|
||||
<li><a href="/shaman/-5505000055523051-55">Shaman test</a></li>
|
||||
<li><a href="/shaman/-5595000055523051-55">Shaman test broken</a></li>
|
||||
<li><a href="/rogue/-005055-50205302332212051">Rogue can unlearn first row</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
|
||||
&--golden {
|
||||
.icon__frame {
|
||||
background-image: url('/images/icons/large/gold.png');
|
||||
background-image: url('../images/icons/large/gold.png');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -50,7 +50,7 @@
|
||||
height: 44px;
|
||||
top: -2px;
|
||||
left: -2px;
|
||||
background-image: url('/images/icons/large/default.png');
|
||||
background-image: url('../images/icons/large/default.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
@@ -58,7 +58,7 @@
|
||||
height: 46px;
|
||||
bottom: -1px;
|
||||
left: -4px;
|
||||
background-image: url('/images/icons/large/default.png');
|
||||
background-image: url('../images/icons/large/default.png');
|
||||
background-size: cover;
|
||||
|
||||
&:after {
|
||||
|
||||
@@ -25,7 +25,7 @@ export const TalentTree: React.FC<Props> = ({ specId, knownTalents, availablePoi
|
||||
)
|
||||
|
||||
const bodyStyle = {
|
||||
backgroundImage: `url(/images/specs/${specId}.jpg)`
|
||||
backgroundImage: `url(${require(`../images/specs/${specId}.jpg`)})`
|
||||
}
|
||||
|
||||
const arrows = talents
|
||||
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1000 B |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 987 B |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1006 B |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 784 B |
|
After Width: | Height: | Size: 789 B |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
@@ -1,13 +0,0 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
||||
sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
||||
monospace;
|
||||
}
|
||||
@@ -1,17 +1,16 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import './index.css';
|
||||
import App from './App';
|
||||
import * as serviceWorker from './serviceWorker';
|
||||
import React from 'react'
|
||||
import ReactDOM from 'react-dom'
|
||||
import App from './App'
|
||||
import * as serviceWorker from './serviceWorker'
|
||||
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
const whyDidYouRender = require('@welldone-software/why-did-you-render/dist/no-classes-transpile/umd/whyDidYouRender.min.js')
|
||||
whyDidYouRender(React)
|
||||
}
|
||||
|
||||
ReactDOM.render(<App />, document.getElementById('root'));
|
||||
ReactDOM.render(<App />, document.getElementById('root'))
|
||||
|
||||
// If you want your app to work offline and load faster, you can change
|
||||
// unregister() to register() below. Note this comes with some pitfalls.
|
||||
// Learn more about service workers: https://bit.ly/CRA-PWA
|
||||
serviceWorker.unregister();
|
||||
serviceWorker.unregister()
|
||||
|
||||