diff --git a/src/Pages/Dashboard/partials/CreateIncident.module.scss b/src/Pages/Dashboard/partials/CreateIncident.module.scss index 8c240e3..146ad62 100644 --- a/src/Pages/Dashboard/partials/CreateIncident.module.scss +++ b/src/Pages/Dashboard/partials/CreateIncident.module.scss @@ -58,17 +58,35 @@ margin: 20px 0 0 40px; } -.create, -.cancel { +@mixin button-styles { + cursor: pointer; + height: 36px; +} +.button-wrapper { @include button-styles; + bottom: 0; + position: fixed; + display: flex; + margin-bottom: 24px; + gap: 24px; +} +.create { width: 231px; + height: 36px; +} +.cancel { + width: 231px; + height: 36px; + margin-left: 20px; } - .footer-wrapper { - @include flex-center; - margin-top: 380px; + position: relative; +} +.hr { + width: 100%; + background-color: var(--navi-color-gray-border); + margin-top: calc(100% - (36px + 36px)); } - .incident-wrapper, .Description-wrapper, .severity-picker, diff --git a/src/Pages/Dashboard/partials/CreateIncidentForm.tsx b/src/Pages/Dashboard/partials/CreateIncidentForm.tsx index 6b2019f..7f97b14 100644 --- a/src/Pages/Dashboard/partials/CreateIncidentForm.tsx +++ b/src/Pages/Dashboard/partials/CreateIncidentForm.tsx @@ -265,7 +265,7 @@ const CreateIncidentForm: React.FC = ({ /> -
+ {/*
+
*/} +
+
+
{' '} +
+
+ + + +
);