reza added logo

temp
Reza_ashrafi 3 years ago
parent 2f47190a10
commit 5a0bcbe3f2
  1. 8
      src/assets/icons/logo.svg
  2. 6
      src/components/Navbar/index.js
  3. 2
      src/views/Home/Page1/Book/index.js
  4. 13
      src/views/Home/Page1/Header/index.js

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 18 KiB

@ -2,15 +2,17 @@ import React from "react";
import { Link } from "react-router-dom";
import grayBagIcon from "../../assets/icons/gray-bag.svg";
import graySearchIcon from "../../assets/icons/gray-search.svg";
import logoIcon from '../../assets/icons/logo.svg';
export default function Navbar({ pages }) {
return (
<div className="z-50 flex flex-1 flex-row fixed left-0 top-0 justify-between w-full bg-opacity-20 shadow-sm bg-white backdrop-filter backdrop-blur-md lg:px-5 xl:px-10">
<div className="flex flex-row items-center">
<Link to="/">
<strong className="ml-3 text-primary lg:text-md xl:text-xl">
{/* <strong className="ml-3 text-primary lg:text-md xl:text-xl">
Desing system
</strong>
</strong> */}
<img src={logoIcon} alt="" className="w-9" />
</Link>
<ul className="list-none p-0 m-0 flex flex-row">
{pages.map((page, i) => (

@ -4,7 +4,7 @@ import { Link } from "react-router-dom";
export default function Book({ book }) {
return (
<Link to={`{/products/${book.name}}`} className="flex group relative">
<Link to={`{/products/${book.name}}`} className="flex group relative cursor-pointer">
<img src={book.imageUrl} alt={book.name} />
<button className="py-1.5 px-5 border absolute border-white rounded-2xl group-hover:opacity-100 bottom-10 opacity-0 transition-all left-1/2 transform -translate-x-1/2 bg-blue90 bg-opacity-90 text-white text-sm">
مشاهده و خرید

@ -5,7 +5,7 @@ import _ from "lodash";
export default function Header() {
return (
<header className="container flex flex-row justify-between z-50 transform -translate-y-24">
<header className="container flex flex-row justify-between z-20 transform -translate-y-24">
{[32, 17, 0, -17, -32].map((light, index) => (
<Light degree={light} key={index} />
))}
@ -18,17 +18,14 @@ const Light = ({ degree }) => {
<div
className="flex flex-col items-center relative"
style={{ transform: `rotate(${degree}deg)` }}
draggable={false}
>
<img src={projectorIcon} alt="" className="w-12 h-12" />
<img src={projectorIcon} alt="" className="w-12 h-12" draggable={false} />
<img
draggable={false}
src={lightIcon}
alt=""
className={_.join(
[
"absolute z-50 light-animation",
],
" "
)}
className={_.join(["absolute z-50 light-animation"], " ")}
style={{ transform: `scale(6) translateY(24%)` }}
/>
</div>

Loading…
Cancel
Save