From 751ad484894c01935c31516e8c8c5852aea9bf32 Mon Sep 17 00:00:00 2001 From: sdarbinyan Date: Sat, 14 Feb 2026 01:28:08 +0400 Subject: [PATCH] home page --- files/Obuv.webp | Bin 8542 -> 0 bytes public/assets/images/footer_bg.webp | Bin 0 -> 10158 bytes src/app/app.html | 3 + src/app/app.ts | 21 +- .../back-button/back-button.component.ts | 69 ++++++ .../components/footer/footer.component.html | 87 ++++---- .../components/footer/footer.component.scss | 196 +++++++++++++++++- .../components/header/header.component.html | 4 +- .../components/header/header.component.scss | 54 ++--- .../language-selector.component.scss | 16 +- src/app/pages/home/home.component.html | 31 +-- src/app/pages/home/home.component.scss | 143 +++++++------ src/app/pages/home/home.component.ts | 52 +++++ src/styles.scss | 1 + 14 files changed, 522 insertions(+), 155 deletions(-) delete mode 100644 files/Obuv.webp create mode 100644 public/assets/images/footer_bg.webp create mode 100644 src/app/components/back-button/back-button.component.ts diff --git a/files/Obuv.webp b/files/Obuv.webp deleted file mode 100644 index 2a0972ab221755e48d7ffc91187afcea1bdb0c1a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8542 zcmbW71yCK!*Wl+07kBrIySvN9A-D$!7kAg72^vU%5F|)&5*z|S0>Ld1f&_vG4H_V5 zAOzXV|82eZcB{T`x4y2Lo?o9nU47=9GgC9ut*@@4V$1*lCd!Js#=7FBSO5UPQHLZ5 z_yGXw2!yU04yp;@sA)NSc!CK4z}>^oM_*MDZfa%@M;`^i044wf1ONbO>+5yTK*jJ* zTU{9e_eCk)@jvC)GyuA5P4cMe!r}kO|G$XP*2~8a06@AZZ6P~*Ut1JMqu4Fb&+ATp zh++~O*Eqa0YGyM08q^TBV#TA0Q_hGXd3(1^^o1=i<6(9mn0uwU|=Axv%M|vokRaF z|4)U#HUDe)*L=Kp^Zo5RxRSjC(%;Pwe&iUzLv;#T@U4kKC954x(7R(Cf1B-(dz?xt~uqD_L>S(5Dj%a~sv1l1+ zuhAOO`q93kZJ_;v!C+)CHkcSp4Q2*&frY@H!d}5@VO_8Z*gEVC9UYw#oeNzCT?ZYB z?uQ=LLl8p+!yLl{<1t1CMg>L(#utn&j6awJm@Jr*m^zqt zn8BFIm?fC4m}8h5n18ScvDmO=une(WupVK(#HzvS$6CZX!N$gB#FoI;!*<4w#D0lg zhy4+I75g_15e_E~0>=W!A14Xt4Ne!%9L@%f>P z0UtA;Ip1@>LB1P)5q>xR68;4NA^{D7#{#Va$AX-Kwt_i=Q$n~xDnb!LEkZ}aT*CIk zdBU?I#3J`Z;zW8xu0_Q}eMD*ti^K0X2eOvb;X~Gf0RIzP?U&}_#p9HQdH7U zvR?A16pxgvRE5;GG@G=&bcyu345JKErch=@7A|WoTOhk4#~_E4E0SB2XOg#*e=WbI zz@gxxP^EC7$gk+5*r<4pkVJ$bx|ASFs!9n;qsm0eM#|aBODc>ijw+QZhpHl~A*x+! zXlj~j&(&tsY1M7j%heAx#5BS*`ZRGg4K%Yg*R(jbe6(8cf$wSDdvR}3n?>70yIBX& zQP+8)^G%mc*ITzu52mN9m!r3-FQ6Z)KWIQ~@W7zL;FqDIVY1HR zGRqbk~T@Cl!|;4~=(@AAKV9BT`ipxnn$qBD32CS457LJ+gfsFpu`>NL zS6*tpY{_EIO3Av)cFO*mqnJ~hOOyK~_xzRJt1o%-c{Ta8`HA_L1{A{lEG5(((>0-uM=NizwvmpQl?+lS1wjwUO`ilTnVo9uiUA!s2Zip|=-&((&uGg&ZX%KIydB^fDw~@Fpp$XI!+;rIN)V$JS)-v&4<9$!7 zRBK}!Z`+#>3?FjZN!yboT)QH= z(!Q#+I(6{Lhg?)5DD;pQGF3rzeyrZ%&0zd(L#vmVUYa`g5LeL3vU3Tm1LnrOD;ipTH~h ztC!at*R402H;cFKx3{P-40tLD0O)!HuRxqqpglmgT)R-~H8T?zi_xyLH7TZ}d*Ob2 z_wDb?W0pwyTe7eujFRYi9W03P+w$R^QQwIUu6OY2;nT6x&@tKgdGSE>Q1KhC;s^|1 zotB!%3p|R!p)#4WEf;Px8;<4teeQxweLd5iCV0Jxy+0a9qnqqY zpf)SgyGV0L&A6A&eEB6@m!pwpk$*?xmF2IBEra3uY`eMm7=GRRK1XRb3H4_DSsul) z7A_o6J|DXmTj`tZQzW5NPo*pg5aBuTrW0D7Bk617!K7N{6ByR<55b!n6`?hQ@d-J_ z?pusvLka4x-aOF{Zc~i6LQ_`)V2a85wonqrTsv&LFP1=gKT^~w$GUk81edT9f0@@a7b2ztr z{G5*R!c6P-wpT=U)bd`QK)6pw;xb8hj|$_3_2XKrjltX9)W_9xyNT{mQQO`A{JC_8 z-Bq2C+T9=9j#e}Cqtsr%^`th{<9cHJi0u=8LD3V@epu3o#5zSu>nsjDSX)Fxz&MVP zTBV6O2?O|rK~TMqVWM%oni@+`nz6_{{@e7>{63o3!VZCLbW4V&!D|Wkzn@}JT1G{T zid5=S?kOHD3iLGxBBe7$oNm12L-(<#_j*=Vl0bPrqQI>B(;>HfFl{}l8B!ScS!~IVJ z2KGB{Z;@RG+c+(P5zWs^h_{r4z8(5|#tWXaibt-zP};U>w#zGfk}T=)MA))jabQ1L zyCY(f!&p;1!BsThDq(N9D~a&qK%UxxbW<z;%z0GEL*(VYZU`y1v zjI>_?fSa??oNo`>8f{nA*IZ4$Q&Kpedr9bee8W1QYAvC=i8kCw(PC*V8wKKZg~36C zB*=zRIBbUDS@_~WRHlAfKIYVn2CnIY+AQsY;@l2kp>1n8Fp3|Cn%_OXEam&;!ETF; zyAWRSQxMKI6Js4=qzH0z1-y?YOM*3{F0Y`LZL|I`2+L;@bJYsI!(Ld|Y1BYgA~i+% z%i?i2H%`5ojggY2syj>tAycE$c*Q@(e;F=JB~Vb8zcqd8eGFN}=rLh-t9$f*Lf==Q zkB8&9vqWWfFClH#wzIHWE-Hy!Ogib^!8lLVS#ye}!Bh4H}H_z zXOi?$pvV zVg#o(Y%4Ewqp{!!R_ztQ90CqJoSlV=+4#RHeBWEt>bx>HyJM@sqXLd zCw!WUMw--gy-d&UZV{<>__S@0yQ4dVsL3oCs%#Kzt0sH@cD zYOb&OXKk4|YnJe%pH$*6Bik-cTG|l1JCqpFG|+ZNIKCMy&VF6_I11BoQBn%0B*!{m zP!H(<35#*H$=&}xWsL7WlNdR28t2m*ni@}Sh~;RYCS-h+9&>e3lX_HAQNiA%o65Ji z0p7{uH056CZwkf_EMCtPa(yrCb!IYS4j))r9ccc%KBfEF{iTZLlNWtx_scZd76>E{ znjISzV=TVHL5HULM1n9msusBJZ*!?(kO~d-LM^C=H$8_yUvhZ%Q%t(#@ z2Q9onzcYD3g{x}L_J>u!S7D-04%WAKm@5^FtF-cH(8^unq40|ox(efC-9Y#AY zlU%ZLg`5r?m!C+f1f)#!vYt&KQU zXPz^A@OBhyGpV}ar}lD(9na@ZiDgne0Ny{>B@pqTJHL?^gDk$>(ySWO%4xXDo zQ-inO=^qo7VfSdOa0A}&j~h>(o13^84jn&c59f9lKay(Jett0jEA(*N5R>l9jP*e> zgO$l2#S;ojKW?HJvos4GF{0v;_MJIj$3^##amz=avMaui5}cGFuOTCzrma80~t0t-Qf6afRlF+&y?qaLo&3B(>E7)&@SnQS9oF_>4dGUJmo zxlM4D3uUb>8Z8Qjq%eeesg&cD3v{QHn!NmG2f{#XN|2&eyj%K#IPg1=#xj%HJ@~vU z)I~~=Lc)_!fJZk-D4Y<$(YREp?nmm(>GtDvYxR=`b6tH-W9DdQkYxaIfxD@}=jJlf2{PhvM0KWI*eIwvP|AfUKbYAVNXeI5U=%$=X@H={T5;Hxr-Z;$P-OC z8~W^=|0USi{>Rd1@vLcf<&l9;`;wZEw67GMSe_7EUo~15YaqDx<;;i72zTX_JeXDt zy!Le{u%smJNz5_lH8LHeYo;E2GGbL~PGg*-mQnddd)E614W>&E7osvaIAiU8#84Of zQzii_uPp;av`ifMtH za7%<<*Jz}l`YUNcsPJegh|vxr6(^j>%@N-D1Js3wyKH@7BP|HWdmUaC#5KPt2KvRP z%|2F!nGk)cwKg%Ii~W4m^lqQai5|M?9X?#Vef;@@rFn}$e*W9{PiG$~=2?v=J$w%9 z8r$R3R>sMmGS*`d`eIFTV%I<2uINSkdgyu-TqCFU)%(6rhs3<>?&baC)UNIjt5h*w zePPZ4dw;9RPrClTof9$|z1X7L?FJ>g8*+k*J#$RH{Cy;8H#kQ3MfCA+Jp2lm#L2ro z-gXm847cgiB=urELyQKGMDO<~k+-ob8lR`N5>n5XHY06FX&YE;9_*8rF?epVt9?wz zC6V-*H`~lIYSQQ*PqsKWqsgben3Q4&FZ-yt9epWNfs;#gl>NifdY?pMBoOcFn~uP5 zJzSToGK)R1z3wdEk0t4k%xU!%)h|Be)bqOm@t~H>v+`WSk56}VKmv^py51Z|UNmWgH2WFjbr;uh( z>lyIX(bP{IH6Nz;rq@k8!L$k=FvGAKem2>??NQeC;S00F#ElfB;B+l3CNC{1oI!kg zz^R&kpO^mLMpjZ)*)Z0Nz@+r)AM)m|^IL3a`!@_>pB9vdKHA!Ov~5z1V!cvLdH*Hl zHqcGN-~-Fq-jra5(Unh(Pu1A#)`mZ-MI2w`sE}h4vNY(`a1n-+X`tw#LXzL!ggRR{ zvX97qPj5!ei$}yW?!`AO{&ncZw7T^mJJY9SZLt^Peev-My)~Tu8c5mA%OXlr)@yU<3rsc*#7~O2ek0-A z*nS_9YXNLHE_N#Ui=6o69ha)A)=$-CnJ-Kph;8qB9;m!5#K~^>UWoqeHZ2b$XbqzY z<9F!3ZBm;%fk;RC1l_O;mv4+wZO4P_vt;fhJ@Xarv82u7wwWu=-|x9Kd&VEG$g}Ky z5eoTwN}iuhH!I8+j;f%Q*jCH&D=ZEe*ezQW|LM6^2( z8#PnM7oA|P`_A^~9^dQEz53r5^+-V+p#Bln&`Gg(-(?`xFaz-1BcUG z6I@HUX7%q2IvX$flTU6-wQW|EQMn4v`;ZYFACqLRq+M{cNR2c+3L>I7cuIZK$52Ra z_%3#{h*cU7mdErZ<363SoMoGWpjl(>mC7lP{(YXBrAC8Pt^DEJA&-5c17@)1vhECp z_cIaHzumr0+CeqZ47{*TT6VsoRVf~&Ftg{*II}|>@7B{hwX-z}HKHU-d$pv+1G zF1**J_e)9m7F*{UZCdAsCQrm;WTd`T$SB?Tr2KktTrB$-Np-gDRXjJ}e_VWo*@8cH ze^;%2fOG{8evnW63dG60aQV=)%XR41&BVDo$}dX53EW zqR%!OvtlSiB$=LO&uS>I9DHc+sf>FNVG$`hQ(bVmq5qYJ?i9;(%4Rcxh2+Z>{%zCR zC={8RphQOLqKkAI7;rK}X;`z3NUtJiUXa0Ew4tXGJf z3(M76>YDwQ6)_<@rzLrPPPd}oQN$d-zJ~XZ;+6F?mzw2Mr;U0RTVzGI%dz~W!DU!O zd1jmC%}Twg0o~PWe=AR2uFH-D1?3id{5Da>oP@y+XD#AP4%#CT_v43g4PX zv=}C{=&da)h1G8BRw|ws+}eC2U8}ed!@-Oc_DU&zVsG5rSWRA8JpBgqZEQ?WIY({F z*Xs1MXpt>N0jym*Z&zfTO>Hk;0(+dmQn`13i8~?pV*hcj_E6)Q2dpX-tuvWD7D3;2 z`!lO;n1?gwO~$C)hd82kO>G|HKD^Zt)_6{{cxzGp=-O}YGSTmJudK}8+05F{_uEVr zd~n`GEVn%i(g~Qije$0;nIN7;lM88S0B0VSG>E!K#vV_9!9~(ewO^CV_lq;t|1v6^WeCl zuBa*~po`+uzlLF-s{ElWLu2QESu&ZoP3qa@M=k8UAwn%BQi{c-K#16bg%F8TUV@n7=vUC!cI~2YB|{)2ExKwBD2s@UFgM6iso-+96APH0v$aJfSj0lA3(a{C6$>H*C(|yU7cb z4V@ADVKP-^2g+d+=~@txK5aJZIJ<~TKP)^64d_W{b{W!olHt*y^5_%eX;$d9(sG-L zHs>d#5^t1VLffl82KLgnG_M}tt4X(3^Srl#u84|v?{zJ`-z@vNpq}u#y&i^k6s_Yy z{L4+bNU{yj=;ex-H-%C{S)DOF7Z&*3=Sm%|yS5As|Y$Ns$cX;e7q?PkL zlkdm99y~@MX zEMzB$Js((LpQj>t+o5L!9qVgweC}RFv1k9bC{m5z>k)wt_$7g;%=k-&N>aVj-9F@% z7;SKwtRKZE($vyJWQTCg>A_7vjUAGr;!nYZuXwUcN9v4PU{2B&9Y-dOT-5TlrS_vw ziWGLAH(k~mj3E>bThgoZ>FLLRo)0RQFe?m`q|#a`St|uyeX_~i3feM!^XvTUMBR6d zcu&63S2Pc0sAK2ciR3o7wO|AdhCJ0QLN5G5h8xcge_z$aKegPCc&&j*jaTyTjnQUR zipQC%OmwOVJF~SYzpq(cdp+`12M?`|T<6DINoyx^;J~IbOBrdwvA_6kqZ!X8KI-Um zz~BOFJMKqumi(~=79umOvf|4_hj^?Q25k^}zZP4lm1%RO#>f6k&g3`jxzuIV3$Zv{ z1PSsX5;t4*@7`jW1y7K0h4`x41>=Q&1C3NWPK&}~A_LCzXR`Kw7mOz@T-fb}M8u(I zW+`M62#U=xRkABs2#@W`U}LoLX*l9jUC3ONy{i!Q-Mc<5pn9(M@n14{bl1XmdumL+6hkx2$KD2Z4P|7h24uo znRku{I|l@j-jWw%a0+6>EWfv!?Pae8F6i3qg#wo7mbgad8Xd+G@Yk3FX`fQ%;zp& zS=IPYz2r-3OQ>Z@T>}MmZPZy@QT-ld9|ZtF0H~pA5Ne0R|32UKLD~P)cem;fmb=?? afGYoyqt^UU1y9$;-ULK|+7Y2}*Zf~#eqhA_ diff --git a/public/assets/images/footer_bg.webp b/public/assets/images/footer_bg.webp new file mode 100644 index 0000000000000000000000000000000000000000..6e88a8e0ac886bf0e056df5b9ad92fa5af95d4cb GIT binary patch literal 10158 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 } @else { + @if (!isHomePage()) { + + }
diff --git a/src/app/app.ts b/src/app/app.ts index 48d8486..e5fdde7 100644 --- a/src/app/app.ts +++ b/src/app/app.ts @@ -1,19 +1,20 @@ import { Component, OnInit, OnDestroy, signal, ApplicationRef } from '@angular/core'; import { CommonModule } from '@angular/common'; -import { RouterOutlet } from '@angular/router'; +import { Router, RouterOutlet, NavigationEnd } from '@angular/router'; import { Title } from '@angular/platform-browser'; import { HeaderComponent } from './components/header/header.component'; import { FooterComponent } from './components/footer/footer.component'; +import { BackButtonComponent } from './components/back-button/back-button.component'; import { ApiService } from './services'; import { Subscription, interval, concat } from 'rxjs'; -import { first } from 'rxjs/operators'; +import { filter, first } from 'rxjs/operators'; import { environment } from '../environments/environment'; import { SwUpdate } from '@angular/service-worker'; @Component({ selector: 'app-root', - imports: [RouterOutlet, HeaderComponent, FooterComponent, CommonModule], + imports: [RouterOutlet, HeaderComponent, FooterComponent, BackButtonComponent, CommonModule], templateUrl: './app.html', styleUrl: './app.scss' }) @@ -21,14 +22,17 @@ export class App implements OnInit, OnDestroy { protected title = environment.brandName; serverAvailable = signal(true); checkingServer = signal(true); + isHomePage = signal(true); private pingSubscription?: Subscription; private updateSubscription?: Subscription; + private routerSubscription?: Subscription; constructor( private apiService: ApiService, private titleService: Title, private swUpdate: SwUpdate, - private appRef: ApplicationRef + private appRef: ApplicationRef, + private router: Router ) {} ngOnInit(): void { @@ -36,6 +40,14 @@ export class App implements OnInit, OnDestroy { this.titleService.setTitle(`${environment.brandFullName} - Маркетплейс товаров и услуг`); this.checkServerHealth(); this.setupAutoUpdates(); + + // Track route changes to show/hide back button + this.routerSubscription = this.router.events + .pipe(filter(event => event instanceof NavigationEnd)) + .subscribe((event) => { + const url = (event as NavigationEnd).urlAfterRedirects || (event as NavigationEnd).url; + this.isHomePage.set(url === '/' || url === '/home' || url === ''); + }); } checkServerHealth(): void { @@ -84,6 +96,7 @@ export class App implements OnInit, OnDestroy { ngOnDestroy(): void { this.pingSubscription?.unsubscribe(); this.updateSubscription?.unsubscribe(); + this.routerSubscription?.unsubscribe(); } retryConnection(): void { diff --git a/src/app/components/back-button/back-button.component.ts b/src/app/components/back-button/back-button.component.ts new file mode 100644 index 0000000..ba2dbb0 --- /dev/null +++ b/src/app/components/back-button/back-button.component.ts @@ -0,0 +1,69 @@ +import { Component } from '@angular/core'; +import { Location } from '@angular/common'; +import { environment } from '../../../environments/environment'; + +@Component({ + selector: 'app-back-button', + standalone: true, + template: ` + @if (!isnovo) { + + } + `, + styles: [` + .dexar-back-btn { + position: fixed; + top: 76px; + left: 20px; + z-index: 100; + background: none; + border: none; + cursor: pointer; + padding: 4px; + transition: transform 0.2s ease; + + svg path { + transition: fill 0.2s ease, fill-opacity 0.2s ease; + } + + &:hover { + transform: scale(1.08); + + svg path { + fill: #A1B4B5; + fill-opacity: 1; + } + } + + &:active { + transform: scale(0.95); + } + } + + @media (max-width: 768px) { + .dexar-back-btn { + top: 68px; + left: 12px; + + svg { + width: 30px; + height: 20px; + } + } + } + `] +}) +export class BackButtonComponent { + isnovo = environment.theme === 'novo'; + + constructor(private location: Location) {} + + goBack(): void { + this.location.back(); + } +} diff --git a/src/app/components/footer/footer.component.html b/src/app/components/footer/footer.component.html index 82d59ad..955ae27 100644 --- a/src/app/components/footer/footer.component.html +++ b/src/app/components/footer/footer.component.html @@ -49,49 +49,60 @@ } @else { - -
-
-
-

Информация

-
    -
  • О компании
    • -
  • Контакты
    • -
  • Реквизиты организации
    • -
-
+ +
+
+
+
+
+ Dexar + Dexar +
+ +
+
+

Информация

+
    +
  • О компании
    • +
  • Контакты
    • +
  • Реквизиты
    • +
+
-
-

Документы

-
    -
  • Правила оплаты
    • -
  • Политика возврата
    • -
  • Публичная оферта
    • -
  • Политика конфиденциальности
    • -
-
+
+

Документы

+
    +
  • Правила оплаты
    • +
  • Политика возврата
    • +
  • Публичная оферта
    • +
  • Конфиденциальность
    • +
+
-
-

Помощь

-
    -
  • Часто задаваемые вопросы
    • -
  • Доставка
    • -
  • Гарантия
    • -
-
+
+

Помощь

+
    +
  • FAQ
    • +
  • Доставка
    • +
  • Гарантия
    • +
+
-
-

Способы оплаты

-
- МИР - Visa - Mastercard +
+

Оплата

+
+ МИР + Visa + Mastercard +
+
+
+
+ +
+

© {{ currentYear }} {{ brandName }}. Все права защищены.

- -
-

© {{ currentYear }} {{ brandName }}. Все права защищены.

-
} diff --git a/src/app/components/footer/footer.component.scss b/src/app/components/footer/footer.component.scss index 0939477..ac96af0 100644 --- a/src/app/components/footer/footer.component.scss +++ b/src/app/components/footer/footer.component.scss @@ -1,4 +1,9 @@ -.footer { +:host { + display: block; + width: 100%; +} + +.footer { background-color: #1a1a1a; color: #ffffff; margin-top: auto; @@ -217,3 +222,192 @@ text-align: center; } } + +// ========== DEXAR FOOTER STYLES ========== +.dexar-footer { + margin-top: auto; +} + +.dexar-footer-bg { + background-image: url('/assets/images/footer_bg.webp'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + position: relative; + overflow: hidden; + + &::before { + content: ''; + position: absolute; + inset: 0; + background: rgba(30, 60, 56, 0.85); + } +} + +.dexar-footer-container { + position: relative; + z-index: 1; + max-width: 1440px; + margin: 0 auto; + padding: 48px 40px 24px; +} + +.dexar-footer-top { + display: flex; + gap: 48px; + padding-bottom: 32px; + border-bottom: 1px solid rgba(255, 255, 255, 0.15); +} + +.dexar-footer-logo { + flex-shrink: 0; + display: flex; + align-items: flex-start; + padding-top: 4px; + + .dexar-footer-logo-desktop { + display: block; + height: 40px; + width: auto; + filter: brightness(0) invert(1); + } + + .dexar-footer-logo-mobile { + display: none; + height: 32px; + width: auto; + filter: brightness(0) invert(1); + } +} + +.dexar-footer-columns { + flex: 1; + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 32px; +} + +.dexar-footer-col { + h4 { + font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; + font-size: 15px; + font-weight: 600; + color: #ffffff; + margin: 0 0 16px 0; + } + + ul { + list-style: none; + padding: 0; + margin: 0; + + li { + margin-bottom: 10px; + + a { + font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; + font-size: 13px; + font-weight: 400; + color: rgba(255, 255, 255, 0.7); + text-decoration: none; + transition: color 0.2s ease; + + &:hover { + color: #ffffff; + } + } + } + } +} + +.dexar-payment-logos { + display: flex; + gap: 10px; + flex-wrap: wrap; + align-items: center; + + img { + height: 28px; + max-height: 28px; + width: auto; + max-width: 60px; + background: rgba(255, 255, 255, 0.9); + padding: 4px 8px; + border-radius: 4px; + transition: opacity 0.2s; + object-fit: contain; + + &:hover { + opacity: 0.85; + } + } +} + +.dexar-footer-bottom { + padding: 20px 0 0; + text-align: center; + + p { + font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; + font-size: 12px; + color: rgba(255, 255, 255, 0.5); + margin: 0; + } +} + +// Responsive +@media (max-width: 992px) { + .dexar-footer-container { + padding: 40px 32px 20px; + } + + .dexar-footer-top { + flex-direction: column; + gap: 32px; + } + + .dexar-footer-columns { + grid-template-columns: repeat(2, 1fr); + } +} + +@media (max-width: 768px) { + .dexar-footer-container { + padding: 32px 20px 16px; + } + + .dexar-footer-logo { + .dexar-footer-logo-desktop { + display: none; + } + + .dexar-footer-logo-mobile { + display: block; + } + } + + .dexar-footer-columns { + grid-template-columns: repeat(2, 1fr); + gap: 24px; + } + + .dexar-footer-col h4 { + font-size: 14px; + margin-bottom: 12px; + } + + .dexar-footer-col ul li a { + font-size: 12px; + } +} + +@media (max-width: 480px) { + .dexar-footer-container { + padding: 24px 16px 12px; + } + + .dexar-footer-columns { + grid-template-columns: 1fr; + gap: 20px; + } +} diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html index 556b586..4ae936d 100644 --- a/src/app/components/header/header.component.html +++ b/src/app/components/header/header.component.html @@ -88,8 +88,8 @@
- - + + diff --git a/src/app/components/header/header.component.scss b/src/app/components/header/header.component.scss index 9013192..5be41c2 100644 --- a/src/app/components/header/header.component.scss +++ b/src/app/components/header/header.component.scss @@ -453,7 +453,7 @@ // ========== DEXAR REDESIGN 2026 STYLES ========== .dexar-header { background: rgba(117, 121, 124, 0.1); - padding: 14px 0; + padding: 8px 0; position: sticky; top: 0; z-index: 1000; @@ -463,11 +463,11 @@ .dexar-header-container { max-width: 1440px; margin: 0 auto; - padding: 0 56px; + padding: 0 40px; display: flex; align-items: center; - gap: 57px; - height: 56px; + gap: 32px; + height: 48px; } .dexar-logo { @@ -477,8 +477,8 @@ flex-shrink: 0; ::ng-deep .logo-img { - width: 148px; - height: 48px; + width: 120px; + height: 38px; object-fit: contain; } } @@ -498,13 +498,13 @@ display: inline-flex; align-items: center; justify-content: center; - padding: 10px 48px; - height: 49px; + padding: 6px 32px; + height: 38px; border: 1px solid #d3dad9; background: rgba(255, 255, 255, 0.74); font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-weight: 600; - font-size: 22px; + font-size: 15px; color: #1e3c38; text-decoration: none; cursor: pointer; @@ -523,45 +523,45 @@ } .dexar-nav-btn-left { - border-radius: 13px 0 0 13px; - padding: 10px 48px; + border-radius: 10px 0 0 10px; + padding: 6px 32px; } .dexar-nav-btn-middle { - padding: 10px 63px; + padding: 6px 40px; border-left: none; } .dexar-nav-btn-right { - border-radius: 0 13px 13px 0; - padding: 10px 42px; + border-radius: 0 10px 10px 0; + padding: 6px 28px; border-left: none; } // Search Box .dexar-search-wrapper { flex: 1; - max-width: 234px; + max-width: 200px; margin-left: auto; } .dexar-search-box { position: relative; width: 100%; - height: 49px; + height: 38px; background: rgba(255, 255, 255, 0.74); border: 1px solid #d2dad9; - border-radius: 22px; - box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15); + border-radius: 19px; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); display: flex; align-items: center; - padding: 0 20px; - gap: 10px; + padding: 0 14px; + gap: 8px; } .dexar-search-icon { - width: 28px; - height: 28px; + width: 20px; + height: 20px; flex-shrink: 0; } @@ -572,7 +572,7 @@ outline: none; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-weight: 600; - font-size: 22px; + font-size: 15px; color: #828e8d; cursor: pointer; @@ -591,8 +591,8 @@ .dexar-cart-btn { position: relative; - width: 48px; - height: 32px; + width: 32px; + height: 24px; display: flex; align-items: center; justify-content: center; @@ -601,8 +601,8 @@ transition: opacity 0.3s ease; svg { - width: 48px; - height: 32px; + width: 32px; + height: 24px; } &:hover { diff --git a/src/app/components/language-selector/language-selector.component.scss b/src/app/components/language-selector/language-selector.component.scss index a2b8d13..0ea6443 100644 --- a/src/app/components/language-selector/language-selector.component.scss +++ b/src/app/components/language-selector/language-selector.component.scss @@ -155,18 +155,18 @@ // Dexar header specific styles :host-context(.dexar-header) { .language-selector { - width: 67px; - height: 32px; + width: 52px; + height: 26px; } .language-button { width: 100%; height: 100%; - padding: 6px; - gap: 8px; + padding: 4px; + gap: 4px; background: rgba(255, 255, 255, 0.3); border: 1px solid #677b78; - border-radius: 12px; + border-radius: 8px; color: #1e3c38; justify-content: center; @@ -182,7 +182,7 @@ .language-code { font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-weight: 500; - font-size: 24px; + font-size: 15px; color: #1e3c38; letter-spacing: 0; line-height: 1; @@ -190,8 +190,8 @@ .dropdown-arrow { display: block; - width: 9px; - height: 14px; + width: 7px; + height: 10px; opacity: 1; path { diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html index a14226b..a3db151 100644 --- a/src/app/pages/home/home.component.html +++ b/src/app/pages/home/home.component.html @@ -83,7 +83,7 @@

просто и удобно

- + Перейти в каталог