From a7f1433da5ddf11845251a062da96bc42c631f50 Mon Sep 17 00:00:00 2001 From: Michael Foiani Date: Fri, 16 Apr 2021 19:18:00 -0400 Subject: Deleted template for frontend. --- maps-frontend/src/css/App.css | 76 -------------------------- maps-frontend/src/css/Canvas.css | 7 --- maps-frontend/src/css/CoordSelector.css | 52 ------------------ maps-frontend/src/css/Route.css | 56 -------------------- maps-frontend/src/css/UserCheckin.css | 94 --------------------------------- 5 files changed, 285 deletions(-) delete mode 100644 maps-frontend/src/css/App.css delete mode 100644 maps-frontend/src/css/Canvas.css delete mode 100644 maps-frontend/src/css/CoordSelector.css delete mode 100644 maps-frontend/src/css/Route.css delete mode 100644 maps-frontend/src/css/UserCheckin.css (limited to 'maps-frontend/src/css') diff --git a/maps-frontend/src/css/App.css b/maps-frontend/src/css/App.css deleted file mode 100644 index 90e9046..0000000 --- a/maps-frontend/src/css/App.css +++ /dev/null @@ -1,76 +0,0 @@ -.App { - display: grid; - grid-template-areas: "head canvasFill2 canvasFill3 checkin" - "canvasFill1 canvasFill2 canvasFill3 checkin" - "route canvasFill2 canvasFill3 checkin"; - grid-template-rows: max-content auto max-content; - grid-template-columns: max-content auto max-content max-content; - background-color: #121212; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - - -.Canvas-filler { - width: 100%; - height: 100%; - - z-index: 1; -} - -.Canvas-filler-1 { - grid-area: canvasFill1; -} -.Canvas-filler-2 { - grid-area: canvasFill2; -} -.Canvas-filler-3 { - grid-area: canvasFill3; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - grid-area: head; - min-height: 7vh; - width: max-content; - display: flex; - padding: 0 20px; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; - z-index: 10; - background-color: #333333; - border-radius: 5px; - margin: 5px; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.Loading { - z-index: 100; - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} \ No newline at end of file diff --git a/maps-frontend/src/css/Canvas.css b/maps-frontend/src/css/Canvas.css deleted file mode 100644 index e67d87d..0000000 --- a/maps-frontend/src/css/Canvas.css +++ /dev/null @@ -1,7 +0,0 @@ -.Map-canvas { - /*touch-action: none; */ - position: absolute; - z-index: 5; - width: 100vw; - height: 100vh; -} \ No newline at end of file diff --git a/maps-frontend/src/css/CoordSelector.css b/maps-frontend/src/css/CoordSelector.css deleted file mode 100644 index 881be08..0000000 --- a/maps-frontend/src/css/CoordSelector.css +++ /dev/null @@ -1,52 +0,0 @@ -/* CSS adapted from w3school buttons */ -.Btn-select-left > p, .Btn-select-right > p { - padding: 0; - margin: 0; -} - -.Btn-select-left { - background-color: #424242; - border: 4px solid pink; -} - -.Btn-select-left:hover { - box-shadow: 3px 3px #888888; - color: black; - background-color: pink; -} - -.Btn-select-right { - background-color: #424242; - border: 4px solid lightblue; -} - -.Btn-select-right:hover { - box-shadow: 3px 3px #888888; - color: black; - background-color: lightblue; -} - -.Btn:disabled, -.Btn[disabled]{ - border: 1px solid #999999; - background-color: #cccccc; - color: #666666; - box-shadow: none; - cursor: default; -} - -/* -.Btn:disabled:hover, -.Btn[disabled]:hover{ -} -*/ - -.Textbox { - width: 100px; -} - -.Number-input { - width: 90%; -} - - diff --git a/maps-frontend/src/css/Route.css b/maps-frontend/src/css/Route.css deleted file mode 100644 index efc4868..0000000 --- a/maps-frontend/src/css/Route.css +++ /dev/null @@ -1,56 +0,0 @@ -.Route { - grid-area: route; - z-index: 10; - color: white; - border-radius: 10px; - background-color: #121212; - /*cursor: default;*/ - /* Transparent background */ - background: rgba(0, 0, 0, 0); -} - -.Coord-selectors-flex { - display: flex; - gap: 20px; - padding: 8px; - margin: 0; - align-content: flex-end; - background-color: #333333; - margin: 5px; - border-radius: 3px; -} - -/* CSS adapted from w3school buttons */ -.Btn { - color: white; - padding: 16px 32px; - text-align: center; - text-decoration: none; - display: inline-block; - font-size: 16px; - margin: 4px 2px; - transition-duration: 0.4s; - cursor: pointer; - outline: none; -} - -.Route-btn:hover { - box-shadow: 3px 3px #ccc; - color: black; - background-color: lightgreen; -} - -.Route-btn { - background-color: #424242; - border: 2px solid lightgreen; - box-shadow: .5px .5px 0 2px lightgreen; -} - -.Btn:disabled, -.Btn[disabled]{ - border: 1px solid #999999; - background-color: #cccccc; - color: #666666; - /*cursor: default;*/ - box-shadow: none; -} \ No newline at end of file diff --git a/maps-frontend/src/css/UserCheckin.css b/maps-frontend/src/css/UserCheckin.css deleted file mode 100644 index 141cc01..0000000 --- a/maps-frontend/src/css/UserCheckin.css +++ /dev/null @@ -1,94 +0,0 @@ -.User-checkin { - grid-area: checkin; - height: 100vh; - background-color: #121212; - z-index: 10; - color: white; - border-radius: 10px; - display: flex; - font-size: 18px; - cursor: default; - /* Transparent background */ - background: rgba(0, 0, 0, 0); -} - -ul { - list-style-type: none; -} - -.User-checkin > div { - z-index: 10; - background-color: #333333; - border-radius: 20px; - margin: 5px; -} - -.Coord-ex { - height: 1vh; - margin: 0; - padding: 0; - text-align: center; -} - -.Chosen-user > h2, .Checkins > h2 { - display: flex; - justify-content: space-evenly; - height: 5vh; - padding: 0 10px; -} - -.Checkin-list { - padding: 0 20px; - height: 86vh; - overflow-y: scroll; - cursor: default; -} - -.User-checkin-list { - height: 80vh; - overflow-y: scroll; - - list-style-position: inside; - padding: 0 20px; - text-align: center; - text-indent: -12px; -} - -.User-checkin-list > li { - margin-bottom: 20px; -} - - -.Checkin { - padding-top: 10px; - border-bottom: 1px solid #e6ecf0; -} - -.Checkin:last-child { - border-bottom: none; -} - -.Img-flex { - margin: 5px 10px 10px 0; - gap: 20px; - display: flex; - justify-content: space-between; - align-items: center; -} - -.Img-btn { - background-color: #424242; - border-radius: 50%; - margin-right: 10px; -} - -.Img-btn:hover { - box-shadow: 3px 3px #333333; - cursor: pointer; -} - -.Clickable-name { - cursor: pointer; - text-decoration: underline; - color: lightgreen; -} \ No newline at end of file -- cgit v1.2.3-70-g09d2