aljaz/landscape-template
1
0
Fork 0
mirror of https://github.com/aljazceru/landscape-template.git synced 2025-12-30 12:34:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: fixed the issues regarding the mobile nav styling

Browse Source
This commit is contained in:
MTG2000
2022-08-10 20:45:34 +03:00
parent 8464d65358
commit 8e5eecead8
3 changed files with 26 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/Components/ErrorBoundary/ErrorBoundary.tsx
View File

@@ -26,14 +26,16 @@ class ErrorBoundary extends Component<Props, State> {
public render() {
if (this.state.hasError) {
return <ErrorMessage message={
<p className="text-body3">
Sorry, something went wrong...😵
<br />
Try refreshing the page.
</p>
return <div className="page-container">
<ErrorMessage message={
<p className="text-body3">
Sorry, something went wrong...😵
<br />
Try refreshing the page.
</p>
} type="unknown"></ErrorMessage>;
} type="unknown"></ErrorMessage>
</div>;
}
return this.props.children;

2
src/Components/Navbar/NavDesktop.tsx
View File

@@ -201,7 +201,7 @@ export default function NavDesktop() {
</Menu>
:
<Button color="primary" href="/login">
<Button size="sm" color="white" href="/login">
Connect ⚡
</Button>
)

43
src/Components/Navbar/NavMobile.tsx
View File

@@ -151,20 +151,8 @@ export default function NavMobile() {
>
<div className="flex flex-col gap-16 py-16">
<Search onResultClick={() => toggleDrawerOpen(false)} />
{
!curUser &&
<Button
color="primary"
fullWidth
className="!py-16 px-40 rounded-12 "
href='/login'
onClick={() => toggleDrawerOpen()}
>
Connect your lightning wallet ⚡️
</Button>
}
</div>
<ul className="px-32 flex flex-col py-16 gap-32 border-t">
<ul className="flex flex-col py-16 gap-32 border-t">
<li className="relative">
<Link
@@ -198,8 +186,8 @@ export default function NavMobile() {
onClick={() => toggleDrawerOpen(false)}
className='font-medium flex gap-16 !rounded-12 '
>
<div className="bg-white border border-gray-100 w-48 h-48 rounded-full flex justify-center items-center">
<span className="text-body2">✍🏼</span>
<div className="shrink-0 bg-white border border-gray-100 w-48 h-48 rounded-full flex justify-center items-center">
<span className="text-body2 shrink-0">✍🏼</span>
</div>
<div>
<p className="text-body4 text-black font-medium">
@@ -214,8 +202,8 @@ export default function NavMobile() {
className='font-medium flex gap-16 !rounded-12 opacity-60'
>
<div className="bg-white border border-gray-100 w-48 h-48 rounded-full flex justify-center items-center">
<span className="text-body2">💬</span>
<div className="shrink-0 bg-white border border-gray-100 w-48 h-48 rounded-full flex justify-center items-center">
<span className="text-body2 shrink-0">💬</span>
</div>
<div>
<p className="text-body4 text-black font-medium">
@@ -231,8 +219,8 @@ export default function NavMobile() {
onClick={() => toggleDrawerOpen(false)}
className='font-medium flex gap-16 !rounded-12'
>
<div className="bg-white border border-gray-100 w-48 h-48 rounded-full flex justify-center items-center">
<span className="text-body2">🏆</span>
<div className="shrink-0 bg-white border border-gray-100 w-48 h-48 rounded-full flex justify-center items-center">
<span className="text-body2 shrink-0">🏆</span>
</div>
<div>
<p className="text-body4 text-black font-medium">
@@ -264,14 +252,15 @@ export default function NavMobile() {
Donate
</Link>
</li>
<li className="relative">
<Link
to={'/logout'}
onClick={() => toggleDrawerOpen(false)}
className='text-body4 font-bold hover:text-primary-600'>
Logout 👋
</Link>
</li>
{curUser &&
<li className="relative">
<Link
to={'/logout'}
onClick={() => toggleDrawerOpen(false)}
className='text-body4 font-bold hover:text-primary-600'>
Logout 👋
</Link>
</li>}
</ul>
<ul className="px-16 py-16 pb-32 flex flex-wrap gap-y-12 border-t pt-32 mt-auto">
<li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2">