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.

Sign up for GitHub

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

i have removed view profile section as it was unnecceunnecessary #722

Closed
wants to merge 3 commits into from
Closed

i have removed view profile section as it was unnecceunnecessary #722

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
234cb20
i have removed view profile section as it was unnecceunnecessary
Shreyc711 Dec 6, 2023
1b73385
i have made responsive searchbar,placeholder,search icon and toggle b…
Shreyc711 Jan 7, 2024
4d17083
Merge branch 'shyamtawli:master' into shrey-edit
Shreyc711 Jan 7, 2024
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
6 changes: 1 addition & 5 deletions src/components/Profile/Profile.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,11 +59,7 @@ function Profile({ data }) {
})}
</div>
</div>
<div className={`${data.portfolio ? 'profile-link' : 'profile-link-disabled'}`}>
<a href={data.portfolio} target="_blank" rel="noreferrer">
View Profile &#8594;
</a>
</div>
<div className={`${data.portfolio ? 'profile-link' : 'profile-link-disabled'}`}></div>
</div>
<div className="bottom-container">
<div className="about">{data.bio}</div>
Expand Down
75 changes: 74 additions & 1 deletion src/components/Search/Search.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@

.search-bar input {
width: 100%;
height: 3rem;
height: 3rem auto;
border-radius: 6px;
border: 2px solid var(--border-color);
background: var(--primary-color);
Expand All @@ -22,13 +22,86 @@
font-family: 'Space Mono', sans-serif;
}

@media screen and (max-width: 355px) {
.search-bar ::placeholder {
height: 2.5rem; /* Adjusted height for smaller screens */
padding: 0.25rem 0.8rem; /* Adjusted padding for smaller screens */
font-size: 0.9rem; /* Adjusted font size for smaller screens */
}
}
@media screen and (max-width: 340px) {
.search-bar ::placeholder {
height: 2.2rem; /* Adjusted height for smaller screens */
padding: 0.22rem 0.6rem; /* Adjusted padding for smaller screens */
font-size: 0.75rem; /* Adjusted font size for smaller screens */
}
}

@media screen and (max-width: 320px) {
.search-bar ::placeholder {
height: 1.95rem; /* Further adjusted height for 320px screens */
padding: 0.2rem 0.5rem; /* Further adjusted padding for 320px screens */
font-size: 0.7rem; /* Further adjusted font size for 320px screens */
}

.search-bar input::placeholder {
white-space: nowrap; /* Prevent placeholder from wrapping */
overflow: hidden; /* Hide overflow content */
text-overflow: ellipsis; /* Show ellipsis (...) for overflow text */
}
}

@media screen and (max-width: 300px) {
.search-bar ::placeholder {
height: 1.5rem; /* Adjusted height for smaller screens */
padding: 0.15rem 0.18rem; /* Adjusted padding for smaller screens */
font-size: 0.6rem; /* Adjusted font size for smaller screens */
}
}
@media screen and (max-width: 250px) {
.search-bar ::placeholder {
height: 1.5rem; /* Adjusted height for smaller screens */
padding: 0.1rem 0.13rem; /* Adjusted padding for smaller screens */
font-size: 0.4rem; /* Adjusted font size for smaller screens */
}
}

.search-bar .search-icon {
position: absolute;
margin-right: 10px;
font-size: 1.25rem;
cursor: pointer;
}

/* Media query for screens up to 320px */
@media screen and (max-width: 320px) {
.search-bar .search-icon {
font-size: 0.8rem; /* Adjusted font size for smaller screens */
}

.search-bar .search-icon {
/* Adjusted font size for 320px screens */
position: absolute;
margin-right: 5px;
font-size: 1rem;
width: 10px;
height: 10px;
}
}

@media screen and (max-width: 290px) {
.search-bar .search-icon {
font-size: 0.5rem; /* Adjusted font size for smaller screens */
}

.search-bar input,
.search-bar .search-icon {
height: 1.5rem; /* Adjusted height for 320px screens */
padding: 0.2rem 0.5rem; /* Adjusted padding for 320px screens */
font-size: 0.3rem; /* Adjusted font size for 320px screens */
}
}

.search-icon:hover {
color: #00a6fb;
}
Expand Down
20 changes: 20 additions & 0 deletions src/components/Sidebar/Sidebar.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,26 @@
font-size: 14px;
border: 2px solid #00a6fb;
}
@media screen and (max-width: 365px) {
.link_button {
padding: 8px 10px; /* Adjusted padding for smaller screens */
font-size: 14px; /* Adjusted font size for smaller screens */
}
}

@media screen and (max-width: 300px) {
.link_button {
padding: 5px 10px; /* Adjusted padding for smaller screens */
font-size: 12px; /* Adjusted font size for smaller screens */
}
}

@media screen and (max-width: 220px) {
.link_button {
padding: 3px 7px; /* Adjusted padding for smaller screens */
font-size: 8px; /* Adjusted font size for smaller screens */
}
}

.link_button:hover {
background-color: transparent;
Expand Down