From 106094382ef1b91952e886733099a4816911e772 Mon Sep 17 00:00:00 2001 From: ashishj1729 Date: Tue, 18 Oct 2022 15:55:55 +0530 Subject: [PATCH] Main App Functionality Added Issue-Id: AIMLFW-2 Signed-off-by: ashishj1729 Change-Id: I0da96483346640dbfe6298fca61e2d5a184ca079 --- src/App.css | 93 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ src/App.js | 32 ++++++++++++++++++++ src/index.css | 31 ++++++++++++++++++++ src/index.js | 27 +++++++++++++++++ 4 files changed, 183 insertions(+) create mode 100644 src/App.css create mode 100644 src/App.js create mode 100644 src/index.css create mode 100644 src/index.js diff --git a/src/App.css b/src/App.css new file mode 100644 index 0000000..6883889 --- /dev/null +++ b/src/App.css @@ -0,0 +1,93 @@ + /* ================================================================================== + + Copyright (c) 2022 Samsung Electronics Co., Ltd. All Rights Reserved. + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + + ================================================================================== */ + +.App { + text-align: initial; + } +.table > thead > tr > th{ + background-color: rgb(41, 107, 250); + text-align: center; + outline-style: initial; + border-bottom-width: thick; + color: white; + /*font-family: "Times New Roman", Times, serif;*/ + +} + +.status-buttons { + color: rgb(94, 83, 83); + background-color: #4CAF50; +} + + +.create-tab { + font-weight: bold; + font-size: 17px; +} + + +.upload-pl-form { + font-size: 15px; + font-weight: bold; + width: 20%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: 30px; + margin-top: 30px; +} + +.from-tooltip { + font-weight: bold; + display: flex; + justify-content: flex-end; +} +.App-logo { + height: 40vmin; + pointer-events: none; + } + + @media (prefers-reduced-motion: no-preference) { + .App-logo { + animation: App-logo-spin infinite 20s linear; + } + } + + .App-header { + background-color: #282c34; + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: calc(10px + 2vmin); + color: white; + } + + .App-link { + color: #61dafb; + } + + @keyframes App-logo-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } + } \ No newline at end of file diff --git a/src/App.js b/src/App.js new file mode 100644 index 0000000..4ae9b92 --- /dev/null +++ b/src/App.js @@ -0,0 +1,32 @@ +// ================================================================================== + +// Copyright (c) 2022 Samsung Electronics Co., Ltd. All Rights Reserved. + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ================================================================================== + +import React from 'react'; +import './App.css'; +import HomePage from './components/home/HomePage'; +import 'bootstrap/dist/css/bootstrap.min.css'; + +function App() { + return ( +
+ +
+ ); +} + +export default App; diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..952000a --- /dev/null +++ b/src/index.css @@ -0,0 +1,31 @@ + /* ================================================================================== + + Copyright (c) 2022 Samsung Electronics Co., Ltd. All Rights Reserved. + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + + ================================================================================== */ + +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; + } \ No newline at end of file diff --git a/src/index.js b/src/index.js new file mode 100644 index 0000000..d3455ab --- /dev/null +++ b/src/index.js @@ -0,0 +1,27 @@ +// ================================================================================== + +// Copyright (c) 2022 Samsung Electronics Co., Ltd. All Rights Reserved. + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ================================================================================== + +import React from 'react'; +import ReactDOM from 'react-dom'; +import App from './App'; + +ReactDOM.render( + , + document.getElementById('root') +); + -- 2.16.6