Skip to content

Commit 059c2a7

Browse files
markeriksonmarkerikson
committed
Use Semantic-UI and clean up unused code
Set page title in HTML template Removed unused index.css Removed logo from header and removed unused logo file Shrank header and removed unused CSS Imported Semantic-UI CSS into index Added a Semantic-UI Header into the page header Removed SampleComponent from App and removed the file
1 parent 9be2994 commit 059c2a7

File tree

8 files changed

+10
-70
lines changed

8 files changed

+10
-70
lines changed

‎.idea/inspectionProfiles/Project_Default.xml‎

Lines changed: 0 additions & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/index.html‎

Lines changed: 1 addition & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -13,19 +13,9 @@
1313
work correctly both with client-side routing and a non-root public URL.
1414
Learn how to configure a non-root public URL by running `npm run build`.
1515
-->
16-
<title>React App</title>
16+
<title>Project Mini-Mek</title>
1717
</head>
1818
<body>
1919
<div id="root"></div>
20-
<!--
21-
This HTML file is a template.
22-
If you open it directly in the browser, you will see an empty page.
23-
24-
You can add webfonts, meta tags, or analytics to this file.
25-
The build step will place the bundled scripts into the <body> tag.
26-
27-
To begin the development, run `npm start`.
28-
To create a production bundle, use `npm run build`.
29-
-->
3020
</body>
3121
</html>

‎src/App.css‎

Lines changed: 2 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,7 @@
1-
.App {
2-
text-align: center;
3-
}
4-
5-
.App-logo {
6-
animation: App-logo-spin infinite 20s linear;
7-
height: 80px;
8-
}
9-
101
.App-header {
112
background-color: #222;
12-
height: 150px;
3+
height: 60px;
134
padding: 20px;
145
color: white;
15-
}
16-
17-
.App-intro {
18-
font-size: large;
19-
}
20-
21-
@keyframes App-logo-spin {
22-
from { transform: rotate(0deg); }
23-
to { transform: rotate(360deg); }
6+
text-align: center;
247
}

‎src/App.js‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
import React, { Component } from 'react';
2-
import logo from './logo.svg';
3-
import './App.css';
2+
import {
3+
Header,
4+
} from "semantic-ui-react";
5+
46

5-
import SampleComponent from "./SampleComponent";
7+
import './App.css';
68

79
class App extends Component {
810
render() {
911
return (
1012
<div className="App">
1113
<div className="App-header">
12-
<img src={logo} className="App-logo" alt="logo"/>
13-
<h2>Project Mini-Mek</h2>
14+
<Header inverted as="h1">Project Mini-Mek</Header>
1415
</div>
15-
<SampleComponent />
1616
</div>
1717
);
1818
}

‎src/SampleComponent.jsx‎

Lines changed: 0 additions & 20 deletions
This file was deleted.

‎src/index.css‎

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎src/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import React from 'react';
22
import ReactDOM from 'react-dom';
33
import {Provider} from "react-redux";
44

5-
import './index.css';
5+
import "semantic-ui-css/semantic.css";
66

77
import configureStore from "./store/configureStore";
88
const store = configureStore();

‎src/logo.svg‎

Lines changed: 0 additions & 7 deletions
This file was deleted.

0 commit comments

Comments
 (0)