mikhail_lanskikh/graff.training
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fixed teaching faetures

Browse Source
This commit is contained in:
Lanskikh
2024-07-04 15:05:54 +05:00
parent 54b313e9f1
commit a593d1af7b
4 changed files with 144 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Layout/Footer.tsx
+29 -11
View File
@@ -1,3 +1,5 @@
import { PropsWithChildren } from 'react';
export function Footer() {
return (
<footer className="tablet:grid xl:grid-cols-[2fr_1fr_1fr] tablet:max-xl:grid-cols-2 tablet:max-xl:grid-rows-2">
@@ -6,33 +8,49 @@ export function Footer() {
<img src="src/assets/logo.svg" alt="" className="h-[50px]" />
<img src="src/assets/text_logo.svg" className="h-[33px]" alt="" />
</div>
<div className="desktop:text-sm mobile:text-xs flex flex-col gap-y-1 font-medium text-[#ffffff]">
<p className="flex gap-4 tablet-figma:text-[12px,12px+(100vw-768px)/832*2,14px] tablet-figma:leading-[]">
<div className="flex flex-col gap-y-1">
<p className="text-[#ffffff] tablet:font-medium flex gap-4 tablet-figma:text-[clamp(12px,12px+(100vw-768px)/832*2,14px)] tablet-figma:leading-[clamp(16.8px,19.6px-(100vw-768px)/832*2.8,19.6px)] mobile:max-tablet-figma:text-xs mobile:max-tablet-figma:leading-[16.8px]">
Политика конфиденциальности <span>graff.tech</span>
</p>
<p className="opacity-40">
<p className="opacity-40 text-[#ffffff] tablet:font-medium tablet-figma:text-[clamp(12px,12px+(100vw-768px)/832*2,14px)] tablet-figma:leading-[clamp(16.8px,19.6px-(100vw-768px)/832*2.8,19.6px)] mobile:max-tablet-figma:text-xs mobile:max-tablet-figma:leading-[16.8px]">
© 2024 GRAFF interactive. Все права защищены
</p>
</div>
</div>
<div className="px-10 py-[30px] flex items-center border-t xl:border-l tablet:border-r border-[#3D425C] flex-1 justify-between tablet:max-xl:row-start-2 tablet:max-xl:col-start-1">
<div className="text-[#ffffff] desktop:text-lg tablet:text-base mobile:text-xs">
<p>info@graff.tech</p>
<p>+7 800 770 00 67</p>
<div>
<Contact>info@graff.tech</Contact>
<Contact>+7 800 770 00 67</Contact>
</div>
<div className="dsektop:text-sm mobile:text-base text-[#ffffff] p-[14px] border border-[#3D425C] rounded-full">
<div className="text-[#ffffff] font-medium p-[14px] border border-[#3D425C] rounded-full tablet-figma:text-[clamp(14px,16px-(100vw-768px)/832*2,16px)] tablet-figma:leading-[clamp(19.2px,19.6px-(100vw-768px)/832*2.8,19.6px)] mobile:max-tablet-figma:text-base mobile:max-tablet-figma:leading-[19.2px]">
RU
</div>
</div>
<div className="px-10 py-[30px] flex items-center border-t border-[#3D425C] flex-1 justify-between tablet:max-xl:row-start-2 tablet:max-xl:col-start-2">
<div className="text-[#ffffff] desktop:text-lg tablet:text-base mobile:text-xs">
<p>info@graff.tech</p>
<p>+7 800 770 00 67</p>
<div>
<Contact>sam@graff.tech</Contact>
<Contact>+971 058 506 0097</Contact>
</div>
<div className="text-sm text-[#ffffff] py-[14px] px-[10px] border border-[#3D425C] rounded-full">
<div className="text-[#ffffff] font-medium py-[14px] px-[10px] border border-[#3D425C] rounded-full tablet-figma:text-[clamp(14px,16px-(100vw-768px)/832*2,16px)] tablet-figma:leading-[clamp(19.2px,19.6px-(100vw-768px)/832*2.8,19.6px)] mobile:max-tablet-figma:text-base mobile:max-tablet-figma:leading-[19.2px]">
UAE
</div>
</div>
</footer>
);
}
function Contact({
children,
className = '',
}: PropsWithChildren<{ className?: string }>) {
return (
<p
className={
'text-[#ffffff] tablet-figma:text-[clamp(16px,16px+(100vw-768px)/832*2,18px)] tablet-figma:leading-[clamp(21.6px,21.6px+(100vw-768px)/832*2.7,24.3px),24.3px)] mobile:max-tablet-figma:text-base mobile:max-tablet-figma:leading-[21.6px] ' +
className
}
>
{children}
</p>
);
}
src/components/Layout/Navbar.tsx
+1 -1
View File
@@ -67,7 +67,7 @@ function BurgerLink({ text, route }: { text: string; route: string }) {
return (
<Link
to={route}
className="flex px-10 py-6 gap-1 text-[#ffffff] mobile:text-base mobile:leading-4 tablet-figma:text-[clamp(16px,16px+(100vw-768px)/832*2,18px)] tablet-figma:leading-[clamp(16px,16px+(100vw-768px)/832*2,18px)] bg-[#14161F] w-full font-semibold border-[#3D425C] border-b hover:bg-[#3D425C] active:bg-[#14161F]"
className="flex items-center px-10 py-6 gap-1 text-[#ffffff] mobile:text-base mobile:leading-4 tablet-figma:text-[clamp(16px,16px+(100vw-768px)/832*2,18px)] tablet-figma:leading-[clamp(16px,16px+(100vw-768px)/832*2,18px)] bg-[#14161F] w-full font-semibold border-[#3D425C] border-b hover:bg-[#3D425C] active:bg-[#14161F]"
>
<img src="src/assets/cube.svg" alt="" />
{text}