Compare commits

...

2 Commits

5 changed files with 26 additions and 24 deletions
+2 -2
View File
@@ -2,6 +2,6 @@ import StreamMain from "@/components/pages/StreamPage/StreamMain";
import { InProcess } from "@/components/pages/InProcess";
export default function StreamPage() {
// return <InProcess />;
return <StreamMain />;
return <InProcess />;
// return <StreamMain />;
}
@@ -96,7 +96,7 @@ export default function DisplacementCard({
</div>
)}
<div
className={`flex-1 flex flex-col items-center justify-between overflow-hidden min-h-0 w-full `}
className={`flex overflow-hidden flex-col flex-1 justify-between items-center w-full min-h-0`}
>
{children}
</div>
@@ -129,7 +129,7 @@ export default function AboutExperience() {
<img
src={"/img/pages/about/experience/sites.png"}
alt=""
className="max-lg:top-0 max-md:w-full absolute bottom-0 h-full object-cover"
className="max-lg:top-0 max-md:w-full object-cover absolute bottom-0 h-full"
/>
</motion.div>
<motion.div
@@ -186,9 +186,9 @@ export default function AboutExperience() {
<ArticleCard
key={article.id}
{...article}
className="lg:w-[23.194vw] lg:aspect-[334/352]
className="lg:w-[23.194vw] lg:aspect-[334/352]a
md:max-lg:w-[46.275vw] md:max-lg:aspect-[360/352]
max-md:w-full max-md:aspect-[340/352]"
max-md:w-full"
/>
))}
</div>
@@ -235,13 +235,13 @@ export default function AboutExperience() {
>
<img
src={"/img/pages/about/experience/cards/table.png"}
className="lg:w-[9.444vw] lg:h-[9.444vw] md:w-[17.708vw] md:h-[17.708vw] w-[25.556vw] h-[25.556vw] lg:my-auto md:mt-auto md:mb-0 my-auto object-cover hover:scale-[1.15] transition-all duration-300 max-md:translate-y-[20%]"
className="lg:w-[9.444vw] lg:h-[9.444vw] md:w-[17.708vw] md:h-[17.708vw] w-[25.556vw] h-[25.556vw] lg:my-auto md:mb-0 object-cover hover:scale-[1.15] transition-all duration-300 max-md:translate-y-[20%]"
alt="Наш продукт зарегистрирован и включен в реестр отечественного ПО"
/>
<p className="z-10 w-[105%] text-center btns md:max-lg:text-[1.563vw] max-md:text-[3.333vw] !leading-[135%]">
Наш продукт зарегистрирован{" "}
<br className="min-md:hidden block" />
и включен в реестр <br className="hidden md:max-lg:block" />
и включен в реестр <br className="md:max-lg:block hidden" />
отечественного ПО
</p>
</DisplacementCard>
@@ -252,7 +252,7 @@ export default function AboutExperience() {
>
<img
src={"/img/pages/about/experience/cards/sk.png"}
className="lg:w-[9.444vw] lg:h-[9.444vw] md:w-[25.708vw] md:h-[25.708vw] w-[45.556vw] h-[45.556vw] lg:my-auto mt-auto object-cover hover:scale-[1.15] transition-all duration-300"
className="lg:w-[9.444vw] lg:h-[9.444vw] md:w-[25.708vw] md:h-[25.708vw] w-[45.556vw] h-[45.556vw] lg:my-auto object-cover hover:scale-[1.15] transition-all duration-300"
alt="Мы резиденты Сколково"
/>
<p className="z-10 text-center btns md:max-lg:text-[1.563vw] max-md:text-[3.333vw] ">
@@ -280,7 +280,7 @@ export default function AboutExperience() {
>
<img
src={"/img/pages/about/experience/cards/dp.png"}
className="lg:w-[9.444vw] lg:h-[9.444vw] md:w-[17.708vw] md:h-[17.708vw] w-[25.556vw] h-[25.556vw] lg:my-auto mt-auto object-cover hover:scale-[1.15] transition-all duration-300 "
className="lg:w-[9.444vw] lg:h-[9.444vw] md:w-[17.708vw] md:h-[17.708vw] w-[25.556vw] h-[25.556vw] lg:my-auto mt-[20%] object-cover hover:scale-[1.15] transition-all duration-300 "
alt="Каждый наш проект, получил одну или несколько наград на платформе Dprofile"
/>
<p className="z-10 text-center btns md:max-lg:text-[1.563vw] max-md:text-[3.333vw] !leading-[135%]">
@@ -292,7 +292,7 @@ export default function AboutExperience() {
<DisplacementCard index={3} className="lg:top-0 lg:right-[8.194vw]">
<img
src={"/img/pages/about/experience/cards/map.png"}
className="lg:w-[9.444vw] lg:h-[9.444vw] md:w-[20.708vw] md:h-[20.708vw] w-[35.556vw] h-[35.556vw] lg:my-auto mt-auto object-cover hover:scale-[1.35] scale-[1.25] transition-all duration-300"
className="lg:w-[9.444vw] lg:h-[9.444vw] md:w-[20.708vw] md:h-[20.708vw] w-[35.556vw] h-[35.556vw] lg:my-auto object-cover hover:scale-[1.35] scale-[1.25] transition-all duration-300"
alt="Наши интерактивные столы помогают продавать уже в 16 городах России"
/>
<p className="z-10 text-center btns md:max-lg:text-[1.563vw] max-md:text-[3.333vw] !leading-[135%] max-md:w-[110%]">
+3 -3
View File
@@ -130,7 +130,7 @@ export default function AboutTeam() {
<h3 className="headline2">
проджект-менеджера <br /> руководят и улучшают проекты
</h3>
<div className="lg:absolute bottom-0 right-0 w-full h-full max-lg:hidden">
<div className="lg:absolute max-lg:hidden right-0 bottom-0 w-full h-full">
<img
className="absolute right-[1.667vw] top-[1.667vw] lg:size-[3.333vw]"
src="/img/pages/about/team/PMs/Sm.png"
@@ -202,7 +202,7 @@ export default function AboutTeam() {
y: inView ? 0 : 100,
}}
transition={{ delay: 0.8, bounce: "none" }}
className="flex items-start w-full h-[18.611vw] mt-3 md:max-lg:h-[34.896vw] max-md:w-full max-md:h-max max-md:flex-col max-md:mt-[3.333vw]"
className="flex items-start w-full h-[18.611vw] mt-3 md:max-lg:h-[34.896vw] max-md:h-max max-md:flex-col max-md:mt-[3.333vw]"
>
<div
className="w-[39.931vw] h-full rounded-[1.111vw] bg-gradient-to-r from-[#222324] to-[#171819] p-[2.222vw] flex justify-between
@@ -223,7 +223,7 @@ export default function AboutTeam() {
<img
src={"/img/pages/about/team/cat.png"}
alt=""
className="h-full scale-[1.2] mt-[1.111vw] -ml-[0.556vw]
className="md:h-full scale-[1.2] mt-[1.111vw] -ml-[0.556vw]
md:max-lg:mt-[2.083vw] md:max-lg:-ml-[1.04vw]
max-md:mt-[10vw] max-md:-ml-[5vw]"
/>
+12 -10
View File
@@ -28,7 +28,7 @@ export function ArticleCard({
onClick={() => !drafted && push("/blog/" + slug)}
className={`${
className ? className + " " : ""
}hover:backdrop-blur-[500px] cursor-pointer h-full group flex flex-col justify-between gap-3 overflow-hidden transition-[background-size] lg:bg-[length:100%_0%] bg-bottom hover:bg-[length:100%_100%] bg-no-repeat lg:rounded-[1.111vw] rounded-2xl lg:p-[0.833vw] p-3 relative`}
}hover:backdrop-blur-[500px] cursor-pointer h-full group flex flex-col gap-3 overflow-hidden transition-[background-size] lg:bg-[length:100%_0%] bg-bottom hover:bg-[length:100%_100%] bg-no-repeat lg:rounded-[1.111vw] rounded-2xl lg:p-[0.833vw] p-3 relative`}
>
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_bottom,#7A7A7A50,transparent)] max-lg:opacity-100 opacity-0 group-hover:opacity-100 transition-opacity" />
<img
@@ -40,15 +40,17 @@ export function ArticleCard({
<p className="heading2 font-medium text-ellipsis [-webkit-line-clamp:2] line-clamp-2">
{title}
</p>
<div className="flex flex-wrap lg:gap-[0.278vw] gap-1">
{tags.map((tag) => (
<PostTag
text={tag}
key={tag}
active={params.getAll("tags").includes(tag)}
/>
))}
</div>
{tags && tags.length > 0 && (
<div className="flex flex-wrap lg:gap-[0.278vw] gap-1">
{tags.map((tag) => (
<PostTag
text={tag}
key={tag}
active={params.getAll("tags").includes(tag)}
/>
))}
</div>
)}
<ItemActions
item={{
id,