update 5 files

master
Reza_ashrafi 3 years ago
parent 2a1ebdb23b
commit 7ddec90ccd
  1. 2
      src/views/About/index.scss
  2. 2
      src/views/Address/index.js
  3. 4
      src/views/Blogs/layouts/Join.js
  4. 2
      src/views/Blogs/layouts/Single.js
  5. 4
      src/views/Blogs/layouts/Target.js

@ -1,4 +1,4 @@
$gray : #818181; $gray : #222;
$green3 : #00cc69; $green3 : #00cc69;

@ -286,7 +286,7 @@ export const Address = ({
const Header = ({ title, text }) => { const Header = ({ title, text }) => {
return ( return (
<div className="flex flex-col lg:lg:items-center gap-2 lg:mb-4 mt-2 lg:mt-0"> <div className="flex flex-col lg:flex-row lg:items-center gap-2 lg:mb-4 mt-2 lg:mt-0">
<strong className="text-green4F text-base dark:text-white"> <strong className="text-green4F text-base dark:text-white">
{title} {title}
</strong> </strong>

@ -13,7 +13,7 @@ export const Join = ({ isMobile, join, userId }) => {
userId ? join({ userId, email }) : join({ email }); userId ? join({ userId, email }) : join({ email });
}; };
return ( return (
<div className="w-full lg:h-72 border-2 px-3 lg:p-0 py-4 border-solid border-gray-200 dark:border-opacity-30 rounded-md flex lg:flex-col-reverse mt-7 lg:mt-32"> <div className="w-full lg:h-72 border-2 px-3 lg:p-0 py-4 border-solid border-gray-200 dark:border-opacity-30 rounded-md flex lg:flex-row flex-col-reverse mt-7 lg:mt-32">
<img <img
src={picImage} src={picImage}
alt="" alt=""
@ -97,7 +97,7 @@ export const Join = ({ isMobile, join, userId }) => {
}; };
const mapStateToProps = (state) => ({ const mapStateToProps = (state) => ({
isMobile: state.publicApi.isMobile, isMobile: state.config.device === 'mobile',
userId: state.user.status?.id, userId: state.user.status?.id,
}); });

@ -7,7 +7,7 @@ export const Single = ({ blog, isMobile }) => {
return ( return (
<Link <Link
to={"/blogs/" + blog?.id} to={"/blogs/" + blog?.id}
className="flex flex-col lg:lg:gap-5 overflow-y-hidden" className="flex flex-col lg:flex-row lg:gap-5 overflow-y-hidden"
> >
<div <div
className="w-full lg:w-1/2 rounded-md overflow-hidden relative" className="w-full lg:w-1/2 rounded-md overflow-hidden relative"

@ -83,7 +83,7 @@ export const Target = ({ blogs, isMobile }) => {
<Link <Link
to={"/blogs/" + blog.id} to={"/blogs/" + blog.id}
key={index} key={index}
className="lg:mb-0 mb-3 lg:lg:flex lg:gap-2" className="lg:mb-0 mb-3 flex flex-col lg:flex-row lg:gap-2"
style={{ width: isMobile ? "48%" : "100%" }} style={{ width: isMobile ? "48%" : "100%" }}
> >
<img <img
@ -115,7 +115,7 @@ export const Target = ({ blogs, isMobile }) => {
); );
}; };
return ( return (
<div className="flex flex-col lg:gap-10"> <div className="flex flex-col lg:flex-row lg:gap-10">
<Large blog={blogs[0]} /> <Large blog={blogs[0]} />
<Small blogs={blogs?.slice(0, 3)} /> <Small blogs={blogs?.slice(0, 3)} />
</div> </div>

Loading…
Cancel
Save