Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bottom overflow on shop men women section #401

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
styling fixes Sort By button and body overflow solved
Ajdecoder committed May 10, 2024
commit 56273bf0167c66d0412af41ffa2ae9c0279171f4
7 changes: 5 additions & 2 deletions src/Pages/CSS/ShopCategory.css
Original file line number Diff line number Diff line change
@@ -6,7 +6,7 @@

.shopcategory-indexSort {
display: flex;
margin: 0px 170px;
margin: 59px;
justify-content: space-between;
align-items: center;
}
@@ -15,7 +15,7 @@
font-family: inherit;
text-align: center;
padding: 10px 35px 10px 20px;
border-radius: 40px;
border-radius: 9px;
border: 1px solid #888;
-moz-appearance: none;
-webkit-appearance: none;
@@ -42,6 +42,9 @@
.shopcategory-sort option {
text-align: left;
}
.shopcategory-sort,select {
margin: 5px;
}

.shopcategory-indexSort p span {
font-weight: 600;
21 changes: 11 additions & 10 deletions src/index.css
Original file line number Diff line number Diff line change
@@ -1,20 +1,21 @@
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,800");
*{
* {
margin: 0;
}

body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
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;
font-family: 'poppins';
font-family: "poppins";
overflow-x: hidden;
}

code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
monospace;
}
/* Custom scrollbar for WebKit browsers */
@@ -23,25 +24,25 @@ code {
}

::-webkit-scrollbar-thumb {
background-color: #6970cc !important;
background-color: #6970cc !important;
border-radius: 6px; /* Rounded corners of the thumb */
}

::-webkit-scrollbar-track {
background-color: #bacfcf !important;
background-color: #bacfcf !important;
}

::-webkit-scrollbar-thumb:hover {
background-color: #6a9be0 !important;
background-color: #6a9be0 !important;
}

/* Custom scrollbar for Firefox */
body {
scrollbar-width: thin !important; /* Firefox */
scrollbar-color: #6970cc !important;
scrollbar-color: #6970cc !important;
}

body:hover {
scrollbar-width: thin !important; /* Firefox */
scrollbar-color: #283f33 #330000 !important;
scrollbar-color: #283f33 #330000 !important;
}