test
This commit is contained in:
Reyhaneh
commit
93f13d084e
24
.gitignore
vendored
Normal file
24
.gitignore
vendored
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
node_modules
|
||||||
|
dist
|
||||||
|
dist-ssr
|
||||||
|
*.local
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.idea
|
||||||
|
.DS_Store
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
||||||
210
index.html
Normal file
210
index.html
Normal file
@ -0,0 +1,210 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="fa" dir="rtl">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="icon" type="image/svg+xml" href="" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>modding-way</title>
|
||||||
|
<link rel="stylesheet" href="./src/style/output.css">
|
||||||
|
|
||||||
|
<script src="https://unpkg.com/feather-icons"></script>
|
||||||
|
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;600;700&display=swap" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<section class="flex flex-col items-center justify-start gap-5">
|
||||||
|
|
||||||
|
<div class="container m-auto">
|
||||||
|
<header class="w-full h-28 bg_gradient rounded-b-[30px] p-5 flex items-center justify-between">
|
||||||
|
<div class="flex items-center justify-start gap-6 h-full">
|
||||||
|
<div class="w-52">
|
||||||
|
<img src="/image/logo.png" class="w-full" alt="image-logo">
|
||||||
|
</div>
|
||||||
|
<form action="" class="relative">
|
||||||
|
<div
|
||||||
|
class="after:content-[''] after:block after:w-[88%] after:h-9 after:bg-white after:absolute after:-bottom-[3px] after:right-3 after:rounded-2xl">
|
||||||
|
</div>
|
||||||
|
<div class="w-80 h-9 pr-10 pl-2 py-1 bg_gradient_revers backdrop-blur-xl rounded-3xl">
|
||||||
|
<input type="search"
|
||||||
|
class="w-full h-full text-sm bg-transparent rounded-3xl text-white placeholder:text-white border-0 outline-none focus:outline-none"
|
||||||
|
placeholder="دنبال چه بازی و مادی هستی..." name="" id="">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="absolute top-2 right-2 transform rotate-y-100 cursor-pointer">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 30 30" stroke-width="1.5"
|
||||||
|
stroke="currentColor" class="size-6 text-white rotate-y-100">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-end gap-2">
|
||||||
|
<a href="#" class="bg-white py-[1px] px-2 rounded-3xl flex items-center justify-center">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" fill="url(#bg_gradient)" viewBox="0 0 24 24" stroke-width="1.5"
|
||||||
|
stroke="currentColor" class="size-9 text-white">
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="bg_gradient" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||||
|
<stop offset="0%" stop-color="#f87f06" />
|
||||||
|
<stop offset="100%" stop-color="#fba105" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
d="M12.75 3.03v.568c0 .334.148.65.405.864l1.068.89c.442.369.535 1.01.216 1.49l-.51.766a2.25 2.25 0 0 1-1.161.886l-.143.048a1.107 1.107 0 0 0-.57 1.664c.369.555.169 1.307-.427 1.605L9 13.125l.423 1.059a.956.956 0 0 1-1.652.928l-.679-.906a1.125 1.125 0 0 0-1.906.172L4.5 15.75l-.612.153M12.75 3.031a9 9 0 0 0-8.862 12.872M12.75 3.031a9 9 0 0 1 6.69 14.036m0 0-.177-.529A2.25 2.25 0 0 0 17.128 15H16.5l-.324-.324a1.453 1.453 0 0 0-2.328.377l-.036.073a1.586 1.586 0 0 1-.982.816l-.99.282c-.55.157-.894.702-.8 1.267l.073.438c.08.474.49.821.97.821.846 0 1.598.542 1.865 1.345l.215.643m5.276-3.67a9.012 9.012 0 0 1-5.276 3.67m0 0a9 9 0 0 1-10.275-4.835M15.75 9c0 .896-.393 1.7-1.016 2.25" />
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="bg-white py-[1px] px-2 rounded-3xl flex items-center justify-center">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" fill="url(#bg_gradient)" viewBox="0 0 24 24" stroke-width="1.5"
|
||||||
|
stroke="currentColor" class="size-9 text-white">
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="bg_gradient" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||||
|
<stop offset="0%" stop-color="#f87f06" />
|
||||||
|
<stop offset="100%" stop-color="#fba105" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
d="M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0M3.124 7.5A8.969 8.969 0 0 1 5.292 3m13.416 0a8.969 8.969 0 0 1 2.168 4.5" />
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="bg-white py-[1px] px-2 rounded-3xl flex items-center justify-center">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" fill="url(#bg_gradient)" viewBox="0 0 24 24" stroke-width="1.5"
|
||||||
|
stroke="currentColor" class="size-9 text-white">
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="bg_gradient" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||||
|
<stop offset="0%" stop-color="#f87f06" />
|
||||||
|
<stop offset="100%" stop-color="#fba105" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" />
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="bg-white py-[5px] px-3 rounded-3xl ">
|
||||||
|
<p class="bg-gradient-to-r from-[#f87f06] to-[#fba105] text-transparent bg-clip-text text-lg font-bold">ورود
|
||||||
|
/
|
||||||
|
عضویت</p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-screen py-3 bg-gray-100 flex gap-11 items-center justify-center">
|
||||||
|
<div class="h-[76px] flex items-center justify-between gap-2 flex-col">
|
||||||
|
<img src="./image/other/1.png" class="w-14" alt="image">
|
||||||
|
<p class="text-black text-sm font-bold">محصولات</p>
|
||||||
|
</div>
|
||||||
|
<div class="h-[76px] flex items-center justify-between gap-2 flex-col">
|
||||||
|
<img src="./image/other/2.png" class="w-12" alt="image">
|
||||||
|
<p class="text-black text-sm font-bold">FIFA/FC</p>
|
||||||
|
</div>
|
||||||
|
<div class="h-[76px] flex items-center justify-between gap-2 flex-col">
|
||||||
|
<img src="./image/other/3.png" class="w-14" alt="image">
|
||||||
|
<p class="text-black text-sm font-bold">PES/eFootball</p>
|
||||||
|
</div>
|
||||||
|
<div class="h-[76px] flex items-center justify-between gap-2 flex-col">
|
||||||
|
<img src="./image/other/4.png" class="w-12" alt="image">
|
||||||
|
<p class="text-black text-sm font-bold">مطالب</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container m-auto">
|
||||||
|
<div
|
||||||
|
class="w-full flex items-center justify-center gap-9 overflow-x-auto whitespace-nowrap scrollbar_custom pb-2">
|
||||||
|
<div class="w-28 flex flex-col items-center justify-center gap-2">
|
||||||
|
<div class="pt-1 px-[3px] pb-[2px] border border-Dark_orange rounded-full">
|
||||||
|
<img src="/image/user/1.jpg" class="w-20 rounded-full" alt="image">
|
||||||
|
</div>
|
||||||
|
<p class="text-Dark_orange text-sm font-bold line-clamp-1">نسخه جدید FC26</p>
|
||||||
|
</div>
|
||||||
|
<div class="w-28 flex flex-col items-center justify-center gap-2">
|
||||||
|
<div class="pt-1 px-[3px] pb-[2px] border border-Dark_orange rounded-full">
|
||||||
|
<img src="/image/user/1.jpg" class="w-20 rounded-full" alt="image">
|
||||||
|
</div>
|
||||||
|
<p class="text-Dark_orange text-sm font-bold line-clamp-1">نسخه جدید FC26</p>
|
||||||
|
</div>
|
||||||
|
<div class="w-28 flex flex-col items-center justify-center gap-2">
|
||||||
|
<div class="pt-1 px-[3px] pb-[2px] border border-Dark_orange rounded-full">
|
||||||
|
<img src="/image/user/1.jpg" class="w-20 rounded-full" alt="image">
|
||||||
|
</div>
|
||||||
|
<p class="text-Dark_orange text-sm font-bold line-clamp-1">نسخه جدید FC26</p>
|
||||||
|
</div>
|
||||||
|
<div class="w-28 flex flex-col items-center justify-center gap-2">
|
||||||
|
<div class="pt-1 px-[3px] pb-[2px] border border-Dark_orange rounded-full">
|
||||||
|
<img src="/image/user/1.jpg" class="w-20 rounded-full" alt="image">
|
||||||
|
</div>
|
||||||
|
<p class="text-Dark_orange text-sm font-bold line-clamp-1">نسخه جدید FC26</p>
|
||||||
|
</div>
|
||||||
|
<div class="w-28 flex flex-col items-center justify-center gap-2">
|
||||||
|
<div class="pt-1 px-[3px] pb-[2px] border border-Dark_orange rounded-full">
|
||||||
|
<img src="/image/user/1.jpg" class="w-20 rounded-full" alt="image">
|
||||||
|
</div>
|
||||||
|
<p class="text-Dark_orange text-sm font-bold line-clamp-1">نسخه جدید FC26</p>
|
||||||
|
</div>
|
||||||
|
<div class="w-28 flex flex-col items-center justify-center gap-2">
|
||||||
|
<div class="pt-1 px-[3px] pb-[2px] border border-Dark_orange rounded-full">
|
||||||
|
<img src="/image/user/1.jpg" class="w-20 rounded-full" alt="image">
|
||||||
|
</div>
|
||||||
|
<p class="text-Dark_orange text-sm font-bold line-clamp-1">نسخه جدید FC26</p>
|
||||||
|
</div>
|
||||||
|
<div class="w-28 flex flex-col items-center justify-center gap-2">
|
||||||
|
<div class="pt-1 px-[3px] pb-[2px] border border-Dark_orange rounded-full">
|
||||||
|
<img src="/image/user/1.jpg" class="w-20 rounded-full" alt="image">
|
||||||
|
</div>
|
||||||
|
<p class="text-Dark_orange text-sm font-bold line-clamp-1">نسخه جدید FC26</p>
|
||||||
|
</div>
|
||||||
|
<div class="w-28 flex flex-col items-center justify-center gap-2">
|
||||||
|
<div class="pt-1 px-[3px] pb-[2px] border border-Dark_orange rounded-full">
|
||||||
|
<img src="/image/user/1.jpg" class="w-20 rounded-full" alt="image">
|
||||||
|
</div>
|
||||||
|
<p class="text-Dark_orange text-sm font-bold line-clamp-1">نسخه جدید FC26</p>
|
||||||
|
</div>
|
||||||
|
<div class="w-28 flex flex-col items-center justify-center gap-2">
|
||||||
|
<div class="pt-1 px-[3px] pb-[2px] border border-Dark_orange rounded-full">
|
||||||
|
<img src="/image/user/1.jpg" class="w-20 rounded-full" alt="image">
|
||||||
|
</div>
|
||||||
|
<p class="text-Dark_orange text-sm font-bold line-clamp-1">نسخه جدید FC26</p>
|
||||||
|
</div>
|
||||||
|
<div class="w-28 flex flex-col items-center justify-center gap-2">
|
||||||
|
<div class="pt-1 px-[3px] pb-[2px] border border-Dark_orange rounded-full">
|
||||||
|
<img src="/image/user/1.jpg" class="w-20 rounded-full" alt="image">
|
||||||
|
</div>
|
||||||
|
<p class="text-Dark_orange text-sm font-bold line-clamp-1">نسخه جدید FC26</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container m-auto">
|
||||||
|
<div class="relative -mt-4 flex flex-col items-center justify-start">
|
||||||
|
<div class="w-full cover">
|
||||||
|
<div>
|
||||||
|
<img src="/image/slider/baner.jpg" class="w-full object-cover aspect bg-no-repeat" alt="image-slider">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w-full flex items-center justify-center gap-1 absolute bottom-3">
|
||||||
|
<div class="h-[6px] w-[6px] bg-Light_orange/20 rounded-full"></div>
|
||||||
|
<div class="h-[6px] w-[6px] bg-Light_orange/20 rounded-full"></div>
|
||||||
|
<div class="h-[6px] w-[6px] bg-Light_orange/20 rounded-full"></div>
|
||||||
|
<div class="h-[6px] w-[6px] bg-Light_orange/20 rounded-full"></div>
|
||||||
|
<div class="h-[6px] w-[6px] bg-Light_orange/20 rounded-full"></div>
|
||||||
|
<div class="h-[6px] w-[6px] bg-Light_orange/20 rounded-full"></div>
|
||||||
|
<div class="h-[6px] active_ball"></div>
|
||||||
|
<div class="h-[6px] w-[6px] bg-Light_orange/20 rounded-full"></div>
|
||||||
|
<div class="h-[6px] w-[6px] bg-Light_orange/20 rounded-full"></div>
|
||||||
|
<div class="h-[6px] w-[6px] bg-Light_orange/20 rounded-full"></div>
|
||||||
|
<div class="h-[6px] w-[6px] bg-Light_orange/20 rounded-full"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="module" src="/src/main.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
</html>
|
||||||
2152
package-lock.json
generated
Normal file
2152
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
18
package.json
Normal file
18
package.json
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
{
|
||||||
|
"name": "modding-way",
|
||||||
|
"private": true,
|
||||||
|
"version": "0.0.0",
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "vite build",
|
||||||
|
"preview": "vite preview",
|
||||||
|
"run": "npx tailwindcss -i ./src/style/input.css -o ./src/style/output.css --watch"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"autoprefixer": "^10.4.23",
|
||||||
|
"postcss": "^8.5.6",
|
||||||
|
"tailwindcss": "^3.4.14",
|
||||||
|
"vite": "^7.2.4"
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
public/image/icon/icon_alarm.png
Normal file
BIN
public/image/icon/icon_alarm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
BIN
public/image/icon/icon_buy.png
Normal file
BIN
public/image/icon/icon_buy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/image/icon/icon_moon.png
Normal file
BIN
public/image/icon/icon_moon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
BIN
public/image/logo.png
Normal file
BIN
public/image/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
public/image/other/1.png
Normal file
BIN
public/image/other/1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/image/other/2.png
Normal file
BIN
public/image/other/2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/image/other/3.png
Normal file
BIN
public/image/other/3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/image/other/4.png
Normal file
BIN
public/image/other/4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
public/image/slider/baner.jpg
Normal file
BIN
public/image/slider/baner.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 233 KiB |
BIN
public/image/slider/baner2.jpg
Normal file
BIN
public/image/slider/baner2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
public/image/slider/cover.png
Normal file
BIN
public/image/slider/cover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
18
public/image/slider/cover.svg
Normal file
18
public/image/slider/cover.svg
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
<svg width="1941" height="680" viewBox="0 0 1941 680" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g filter="url(#filter0_d_55_126)">
|
||||||
|
<path d="M1906 10C1919.81 10 1931 21.1929 1931 35V645C1931 658.807 1919.81 670 1906 670H1841.25C1812.75 670 1784.46 665.127 1757.6 655.592L1714.5 640.289C1682.27 628.847 1648.33 623 1614.13 623H334.313C301.013 623 267.944 628.545 236.464 639.406L187.419 656.328C161.186 665.38 133.629 670 105.878 670H35C21.1929 670 10 658.807 10 645V35C10 21.1929 21.1929 10 35 10H1906Z" fill="white"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<filter id="filter0_d_55_126" x="0" y="0" width="1941" height="680" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||||
|
<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect1_dropShadow_55_126"/>
|
||||||
|
<feOffset/>
|
||||||
|
<feGaussianBlur stdDeviation="7"/>
|
||||||
|
<feComposite in2="hardAlpha" operator="out"/>
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.73 0"/>
|
||||||
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_126"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_126" result="shape"/>
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.3 KiB |
BIN
public/image/user/1.jpg
Normal file
BIN
public/image/user/1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
1
src/main.js
Normal file
1
src/main.js
Normal file
@ -0,0 +1 @@
|
|||||||
|
import './style/input.css'
|
||||||
73
src/style/input.css
Normal file
73
src/style/input.css
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
|
|
||||||
|
|
||||||
|
@layer base {
|
||||||
|
* {
|
||||||
|
font-family: 'Vazirmatn', sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="search"] {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="search"]::-webkit-search-cancel-button {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="search"]:focus {
|
||||||
|
outline: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@layer utilities {
|
||||||
|
.bg_gradient {
|
||||||
|
background-image: linear-gradient(90deg, #f87f06 0%, #fba105 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg_gradient_revers {
|
||||||
|
background-image: linear-gradient(270deg, #f87f06 0%, #fba105 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.scrollbar_custom::-webkit-scrollbar-track {
|
||||||
|
padding: 2px 0;
|
||||||
|
background-color: #f6f6f6;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.scrollbar_custom::-webkit-scrollbar {
|
||||||
|
width: 4px;
|
||||||
|
height: 2px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.scrollbar_custom::-webkit-scrollbar-thumb {
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cover {
|
||||||
|
-webkit-mask-image: url("../../public/image/slider/cover.svg");
|
||||||
|
mask-image: url("../../public/image/slider/cover.svg");
|
||||||
|
mask-size: 100%;
|
||||||
|
mask-repeat: no-repeat;
|
||||||
|
box-shadow: 0 0 0 0 #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aspect {
|
||||||
|
aspect-ratio: 1/0.35;
|
||||||
|
}
|
||||||
|
|
||||||
|
.active_ball {
|
||||||
|
background: linear-gradient(270deg, #f87f06 0%, #fba105 100%);
|
||||||
|
width: 20px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
1059
src/style/output.css
Normal file
1059
src/style/output.css
Normal file
File diff suppressed because it is too large
Load Diff
16
tailwind.config.js
Normal file
16
tailwind.config.js
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
export default {
|
||||||
|
content: [
|
||||||
|
"./index.html",
|
||||||
|
"./src/**/*.{js,ts,jsx,tsx}",
|
||||||
|
],
|
||||||
|
theme: {
|
||||||
|
extend: {
|
||||||
|
colors: {
|
||||||
|
Dark_orange: "#f87f06",
|
||||||
|
Light_orange: "#fba105"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
plugins: [],
|
||||||
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user