diff --git a/src/screens/BlockUser/BlockUser.module.css b/src/screens/BlockUser/BlockUser.module.css deleted file mode 100644 index ed93446206..0000000000 --- a/src/screens/BlockUser/BlockUser.module.css +++ /dev/null @@ -1,102 +0,0 @@ -.btnsContainer { - display: flex; - margin: 2.5rem 0 2.5rem 0; -} - -.btnsContainer .btnsBlock { - display: flex; -} - -.btnsContainer .btnsBlock button { - margin-left: 1rem; - display: flex; - justify-content: center; - align-items: center; -} - -.btnsContainer .inputContainer { - flex: 1; - position: relative; -} - -.btnsContainer .input { - width: 70%; - position: relative; -} - -.btnsContainer input { - outline: 1px solid var(--bs-gray-400); -} - -.btnsContainer .inputContainer button { - width: 52px; -} - -.largeBtnsWrapper { - display: flex; -} - -.listBox { - width: 100%; - flex: 1; -} - -.notFound { - flex: 1; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -} - -@media (max-width: 1020px) { - .btnsContainer { - flex-direction: column; - margin: 1.5rem 0; - } - - .btnsContainer .input { - width: 100%; - } - - .btnsContainer .btnsBlock { - margin: 1.5rem 0 0 0; - justify-content: space-between; - } - - .btnsContainer .btnsBlock button { - margin: 0; - } - - .btnsContainer .btnsBlock div button { - margin-right: 1.5rem; - } -} - -/* For mobile devices */ - -@media (max-width: 520px) { - .btnsContainer { - margin-bottom: 0; - } - - .btnsContainer .btnsBlock { - display: block; - margin-top: 1rem; - margin-right: 0; - } - - .largeBtnsWrapper { - flex-direction: column; - } - - .btnsContainer .btnsBlock div { - flex: 1; - } - - .btnsContainer .btnsBlock button { - margin-bottom: 1rem; - margin-right: 0; - width: 100%; - } -} diff --git a/src/style/app.module.css b/src/style/app.module.css index b8746abf1a..6763be4b24 100644 --- a/src/style/app.module.css +++ b/src/style/app.module.css @@ -706,7 +706,7 @@ hr { top: 50%; width: 50%; height: 1px; - background: #fff; + background: var(--white); content: ''; } .pageNotFound h1.head span:before { @@ -3746,7 +3746,7 @@ button[data-testid='createPostBtn'] { .primaryText { font-weight: bold; - color: var(--bs-emphasis-color, #000); + color: var(--bs-emphasis-color, var(--black-color)); @extend .reusable-text-ellipsis; /* Referencing the reusable class from the general section */ } @@ -3799,7 +3799,7 @@ button[data-testid='createPostBtn'] { .inactiveButton { background-color: transparent; - color: var(--bs-emphasis-color, #000); + color: var(--bs-emphasis-color, var(--black-color)); &:hover { background-color: var(--grey-bg-color); @@ -5970,3 +5970,72 @@ button[data-testid='createPostBtn'] { margin-left: 13vw; max-width: 80vw; } + +.btnsContainer .input { + width: 70%; +} + +.btnsContainer .inputContainer button { + width: 52px; +} + +.largeBtnsWrapper { + display: flex; +} + +.listBox { + width: 100%; + flex: 1; +} + +@media (max-width: 1020px) { + .btnsContainer { + flex-direction: column; + margin: 1.5rem 0; + } + + .btnsContainer .input { + width: 100%; + } + + .btnsContainer .btnsBlock { + margin: 1.5rem 0 0 0; + justify-content: space-between; + } + + .btnsContainer .btnsBlock button { + margin: 0; + } + + .btnsContainer .btnsBlock div button { + margin-right: 1.5rem; + } +} + +/* For mobile devices */ + +@media (max-width: 520px) { + .btnsContainer { + margin-bottom: 0; + } + + .btnsContainer .btnsBlock { + display: block; + margin-top: 1rem; + margin-right: 0; + } + + .largeBtnsWrapper { + flex-direction: column; + } + + .btnsContainer .btnsBlock div { + flex: 1; + } + + .btnsContainer .btnsBlock button { + margin-bottom: 1rem; + margin-right: 0; + width: 100%; + } +}