diff --git a/src/images/RigPlan2.png b/src/images/RigPlan2.png deleted file mode 100644 index a9f5711..0000000 Binary files a/src/images/RigPlan2.png and /dev/null differ diff --git a/src/images/smbo/RigPlan2.png b/src/images/smbo/RigPlan2.png new file mode 100644 index 0000000..03069a1 Binary files /dev/null and b/src/images/smbo/RigPlan2.png differ diff --git a/src/images/TopDrive_Dummy.png b/src/images/smbo/TopDrive_Dummy.png similarity index 100% rename from src/images/TopDrive_Dummy.png rename to src/images/smbo/TopDrive_Dummy.png diff --git a/src/pages/Smbo.jsx b/src/pages/Smbo.jsx index 6037708..a420a43 100644 --- a/src/pages/Smbo.jsx +++ b/src/pages/Smbo.jsx @@ -1,9 +1,9 @@ import SmboPlate from '../components/SmboPlate' import '../styles/smbo.css' -import RigPlan from '../images/RigPlan2.png' -import HoistDummy from '../images/hoist_LBU_1200.png' -import TopDriveDummy from '../images/TopDrive_Dummy.png' +import RigPlan from '../images/smbo/RigPlan2.png' +import HoistDummy from '../images/smbo/hoist_LBU_1200.png' import EquipmentDetails from '../components/modalWindows/EquipmentDetails' +import ActiveMessagesOnline from "../components/ActiveMessagesOnline"; export default function Smbo() { return ( @@ -14,16 +14,20 @@ export default function Smbo() {
-
+
+
-
+
+ -
-
+
+
+
{RigPlan}/
-
+
@@ -39,8 +43,12 @@ export default function Smbo() {
-
+
+
+
+ +
diff --git a/src/styles/smbo.css b/src/styles/smbo.css index 762a80f..5995ba7 100644 --- a/src/styles/smbo.css +++ b/src/styles/smbo.css @@ -2,8 +2,8 @@ display: grid; column-gap: 4px; row-gap: 4px; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; - grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: repeat(6, 1fr); + grid-template-rows: repeat(8, 1fr); justify-items: stretch; align-items: stretch; } @@ -72,6 +72,24 @@ .r7{ grid-row-start: 7; } .r8{ grid-row-start: 8; } +.ce1{ grid-column-end: 1; } +.ce2{ grid-column-end: 2; } +.ce3{ grid-column-end: 3; } +.ce4{ grid-column-end: 4; } +.ce5{ grid-column-end: 5; } +.ce6{ grid-column-end: 6; } +.ce7{ grid-column-end: 7; } +.ce8{ grid-column-end: 8; } + +.re1{ grid-row-end: 1; } +.re2{ grid-row-end: 2; } +.re3{ grid-row-end: 3; } +.re4{ grid-row-end: 4; } +.re5{ grid-row-end: 5; } +.re6{ grid-row-end: 6; } +.re7{ grid-row-end: 7; } +.re8{ grid-row-end: 8; } + .cspan-4{ grid-column-end: 4 start;} .rspan-6{ grid-row-end: 6 start;} @@ -81,3 +99,7 @@ .center{ place-self: center stretch; } + +.pointer { + cursor: pointer; +} \ No newline at end of file