redrockjs/ocenka-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(footer): update styles

Browse Source
This commit is contained in:
Valery Grunenko
2025-12-03 09:23:47 +03:00
parent 7a7a466886
commit 18ebfa734a
3 changed files with 155 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
.idea/workspace.xml generated
View File

@@ -5,33 +5,9 @@
</component>
<component name="ChangeListManager">
<list default="true" id="2a96f817-9dc2-4f3c-893a-c4974c750774" name="Changes" comment="">
<change afterPath="$PROJECT_DIR$/src/views/home/about/index.ts" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/home/about/styles.module.scss" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/home/about/ui.tsx" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/home/call-us/index.ts" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/home/call-us/styles.module.scss" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/home/call-us/ui.tsx" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/home/experience/index.ts" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/home/experience/styles.module.scss" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/home/experience/ui.tsx" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/home/main/index.ts" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/home/main/styles.module.scss" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/home/main/ui.tsx" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/home/partners/index.ts" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/home/partners/styles.module.scss" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/home/partners/ui.tsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/core/styles/variables.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/core/styles/variables.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/entities/base-menu/ui.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/entities/base-menu/ui.tsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/shared/ui/partners-slider/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/shared/ui/partners-slider/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/home/styles.module.scss" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/home/ui.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/home/ui.tsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/widgets/footer/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/widgets/footer/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/widgets/footer/ui.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/widgets/footer/ui.tsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/widgets/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/widgets/index.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/widgets/service-grid/data.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/home/services/data.tsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/widgets/service-grid/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/home/services/index.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/widgets/service-grid/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/home/services/styles.module.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/widgets/service-grid/ui.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/home/services/ui.tsx" afterDir="false" />
</list>
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -39,7 +15,7 @@
<option name="LAST_RESOLUTION" value="IGNORE" />
</component>
<component name="DarkyenusTimeTracker">
<option name="totalTimeSeconds" value="180029" />
<option name="totalTimeSeconds" value="181981" />
<option name="gitIntegration" value="true" />
<option name="naggedAbout" value="1" />
</component>
@@ -67,32 +43,32 @@
<option name="hideEmptyMiddlePackages" value="true" />
<option name="showLibraryContents" value="true" />
</component>
<component name="PropertiesComponent"><![CDATA[{
"keyToString": {
"ModuleVcsDetector.initialDetectionPerformed": "true",
"RunOnceActivity.ShowReadmeOnStart": "true",
"RunOnceActivity.TerminalTabsStorage.copyFrom.TerminalArrangementManager.252": "true",
"RunOnceActivity.git.unshallow": "true",
"com.intellij.ml.llm.matterhorn.ej.ui.settings.DefaultModelSelectionForGA.v1": "true",
"git-widget-placeholder": "dev",
"ignore.virus.scanning.warn.message": "true",
"js.debugger.nextJs.config.created.client": "true",
"js.debugger.nextJs.config.created.server": "true",
"junie.onboarding.icon.badge.shown": "true",
"list.type.of.created.stylesheet": "SCSS",
"node.js.detected.package.eslint": "true",
"node.js.detected.package.tslint": "true",
"node.js.selected.package.eslint": "(autodetect)",
"node.js.selected.package.tslint": "(autodetect)",
"nodejs_package_manager_path": "npm",
"npm.Next.js: server-side.executor": "Run",
"prettierjs.PrettierConfiguration.Package": "C:\\dev-personal\\ocenka-web\\node_modules\\prettier",
"settings.editor.selected.configurable": "terminal",
"to.speed.mode.migration.done": "true",
"ts.external.directory.path": "C:\\dev-personal\\ocenka-web\\node_modules\\typescript\\lib",
"vue.rearranger.settings.migration": "true"
<component name="PropertiesComponent">{
&quot;keyToString&quot;: {
&quot;ModuleVcsDetector.initialDetectionPerformed&quot;: &quot;true&quot;,
&quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
&quot;RunOnceActivity.TerminalTabsStorage.copyFrom.TerminalArrangementManager.252&quot;: &quot;true&quot;,
&quot;RunOnceActivity.git.unshallow&quot;: &quot;true&quot;,
&quot;com.intellij.ml.llm.matterhorn.ej.ui.settings.DefaultModelSelectionForGA.v1&quot;: &quot;true&quot;,
&quot;git-widget-placeholder&quot;: &quot;dev&quot;,
&quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;,
&quot;js.debugger.nextJs.config.created.client&quot;: &quot;true&quot;,
&quot;js.debugger.nextJs.config.created.server&quot;: &quot;true&quot;,
&quot;junie.onboarding.icon.badge.shown&quot;: &quot;true&quot;,
&quot;list.type.of.created.stylesheet&quot;: &quot;SCSS&quot;,
&quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
&quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
&quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
&quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
&quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
&quot;npm.Next.js: server-side.executor&quot;: &quot;Run&quot;,
&quot;prettierjs.PrettierConfiguration.Package&quot;: &quot;C:\\dev-personal\\ocenka-web\\node_modules\\prettier&quot;,
&quot;settings.editor.selected.configurable&quot;: &quot;terminal&quot;,
&quot;to.speed.mode.migration.done&quot;: &quot;true&quot;,
&quot;ts.external.directory.path&quot;: &quot;C:\\dev-personal\\ocenka-web\\node_modules\\typescript\\lib&quot;,
&quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
}
}]]></component>
}</component>
<component name="RecentsManager">
<key name="MoveFile.RECENT_KEYS">
<recent name="C:\dev-personal\ocenka-web\src\views\home" />
@@ -131,7 +107,8 @@
<workItem from="1764586916122" duration="32000" />
<workItem from="1764590282382" duration="1201000" />
<workItem from="1764591867512" duration="4332000" />
<workItem from="1764657017067" duration="21236000" />
<workItem from="1764657017067" duration="21490000" />
<workItem from="1764741053553" duration="1873000" />
</task>
<servers />
</component>

84
src/widgets/footer/styles.module.scss
View File

@@ -15,12 +15,12 @@
.Grid {
margin: 0 auto;
max-width: 1540px;
padding: 20px 10px 20px;
max-width: rem(1540px);
padding: rem(20px) rem(10px) rem(20px);
display: grid;
grid-template-columns: auto;
grid-auto-columns: 1fr;
gap: 40px 20px;
gap: rem(40px) rem(20px);
grid-auto-flow: row;
grid-template-areas:
"about"
@@ -32,32 +32,32 @@
grid-template-areas:
"about about"
"contacts social";
padding: 40px 20px 0;
gap: 20px 2px;
padding: rem(40px) rem(20px) 0;
gap: rem(20px) 0;
}
@include iflaptop {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-areas:
"about linksa linksb linksc"
"contacts contacts social social";
padding: 40px 28px 0;
gap: 0px 0px;
padding: rem(40px) rem(28px) 0;
gap: 0 0;
}
@include ifdesktop {
padding: 40px 40px 0;
padding: rem(40px) rem(40px) 0;
}
.About {
grid-area: about;
.Image {
margin-bottom: 20px;
margin-bottom: rem(20px);
}
.Description {
font-family: $font-roboto;
font-weight: $font-regular;
font-size: 20px;
font-weight: 400;
font-size: rem(20px);
line-height: 160%;
color: $color-white;
}
@@ -65,7 +65,7 @@
.LinksA {
grid-area: linksa;
padding: 10px;
padding: rem(10px);
display: none;
@include iftablet {
}
@@ -90,7 +90,7 @@
.LinksB {
grid-area: linksb;
padding: 10px;
padding: rem(10px);
display: none;
@include iflaptop {
@@ -112,7 +112,7 @@
.LinksC {
grid-area: linksc;
padding: 10px;
padding: rem(10px);
display: none;
@include iflaptop {
@@ -134,6 +134,9 @@
.Contacts {
grid-area: contacts;
border-top: 1px solid #4da49a;
margin-top: rem(20px);
padding-top: rem(20px);
.Title {
@extend %title;
@@ -143,7 +146,7 @@
display: flex;
flex-direction: column;
justify-content: center;
gap: 24px;
gap: rem(24px);
@include iflaptop {
flex-direction: row;
@@ -154,7 +157,7 @@
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
gap: rem(16px);
@include iftablet {
}
@@ -167,9 +170,9 @@
.Icon {
border-radius: 50%;
width: 48px;
height: 48px;
padding: 8px;
width: rem(48px);
height: rem(48px);
padding: rem(8px);
background: $color-white;
}
@@ -182,12 +185,15 @@
.Social {
grid-area: social;
border-top: 1px solid #4da49a;
margin-top: rem(20px);
padding-top: rem(20px);
@include iflaptop {
padding-left: 100px;
padding-left: rem(100px);
}
@include ifdesktop {
padding-left: 200px;
padding-left: rem(200px);
}
.Title {
@@ -198,7 +204,7 @@
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
gap: rem(20px);
}
.Icon {
@@ -209,27 +215,27 @@
.Bottom {
margin: 0 auto;
max-width: 1540px;
max-width: rem(1540px);
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 16px 10px;
padding: rem(16px) rem(10px);
font-family: $font-roboto;
font-weight: $font-regular;
font-size: 16px;
font-weight: 400;
font-size: rem(16px);
line-height: 100%;
color: $color-white;
@include iftablet {
padding: 16px 20px;
padding: rem(16px) rem(20px);
}
@include iflaptop {
padding: 16px 28px;
padding: rem(16px) rem(28px);
}
@include ifdesktop {
padding: 16px 40px;
padding: rem(16px) rem(40px);
}
.List {
@@ -259,7 +265,7 @@
& a {
text-decoration: none;
color: $color-link-hover;
margin: 0 8px;
margin: 0 rem(8px);
&:hover {
text-decoration: underline;
@@ -269,11 +275,11 @@
%title {
font-family: $font-roboto;
font-weight: $font-regular;
font-weight: 400;
font-size: 20px;
line-height: 100%;
color: $color-white;
margin-bottom: 20px;
margin-bottom: rem(20px);
}
%list {
@@ -281,22 +287,24 @@
flex-direction: column;
gap: 10px;
list-style: disc;
margin-left: rem(40px);
}
%list-item {
font-family: $font-roboto;
font-weight: $font-regular;
font-size: 16px;
font-weight: 300;
font-size: rem(16px);
line-height: 130%;
color: $color-white;
margin-left: 20px;
&:hover{
text-decoration: underline;
}
}
%icon-desc {
font-family: $font-roboto;
font-weight: $font-regular;
font-size: 18px;
font-size: rem(18px);
line-height: 100%;
color: $color-white;
margin-bottom: 20px;
margin-bottom: rem(20px);
}

98
src/widgets/footer/ui.tsx
View File

@@ -22,38 +22,100 @@ function Footer() {
<div className={s.LinksA}>
<h3 className={s.Title}>Оценка имущества</h3>
<ol className={s.List}>
<li className={s.ListItem}>Оценка жилой недвижимости</li>
<li className={s.ListItem}>Оценка коммерческой недвижимости</li>
<li className={s.ListItem}>Оценка ущерба недвижимости</li>
<li className={s.ListItem}>Оценка сооружений</li>
<li className={s.ListItem}>Оценка машин и оборудования</li>
<li className={s.ListItem}>
Оценка стоимости предприятия (бизнеса)
<Link href={ROUTES.OCENKA_NEDVIGA}>
Оценка жилой недвижимости
</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.OCENKA_ZDANIE}>
Оценка коммерческой недвижимости
</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.OCENKA_USCHERB_NEDVIGI}>
Оценка ущерба недвижимости
</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.OCENKA_SOORUZHENIE}>Оценка сооружений</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.OCENKA_MASHINES}>
Оценка машин и оборудования
</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.OCENKA_BUSINESS}>
Оценка стоимости предприятия (бизнеса)
</Link>
</li>
</ol>
</div>
<div className={s.LinksB}>
<h3 className={s.Title}>Экспертиза</h3>
<ol className={s.List}>
<li className={s.ListItem}>Автотехническая экспертиза</li>
<li className={s.ListItem}>Товароведческая экспертиза</li>
<li className={s.ListItem}>Трасологическая экспертиза</li>
<li className={s.ListItem}>Кадастровая экспертиза</li>
<li className={s.ListItem}>Строительно-техническая экспертиза</li>
<li className={s.ListItem}>Оценочная экспертиза</li>
<li className={s.ListItem}>
<Link href={ROUTES.EXPERTIZA_AUTOTECH}>
Автотехническая экспертиза
</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.EXPERTIZA_TOVAR}>
Товароведческая экспертиза
</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.EXPERTIZA_TRASOLOGIA}>
Трасологическая экспертиза
</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.EXPERTIZA_KADASTR}>
Кадастровая экспертиза
</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.EXPERTIZA_STROIT}>
Строительно-техническая экспертиза
</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.EXPERTIZA_OCENKI}>Оценочная экспертиза</Link>
</li>
</ol>
</div>
<div className={s.LinksC}>
<h3 className={s.Title}>Юриспруденция</h3>
<ol className={s.List}>
<li className={s.ListItem}>Семейные и наследственные споры</li>
<li className={s.ListItem}>Земельные и имущественные споры</li>
<li className={s.ListItem}>Взыскание долгов с юридических лиц</li>
<li className={s.ListItem}>Страховые споры</li>
<li className={s.ListItem}>
Сопровождение сделок и составление договоров
<Link href={ROUTES.JURIST_NASLEDSTVO}>
Семейные и наследственные споры
</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.JURIST_ZEMLYA_IMUSHESTVO}>
Земельные и имущественные споры
</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.JURIST_DOLGI}>
Взыскание долгов с юридических лиц
</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.JURIST_STRAHOVKA}>Страховые споры</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.JURIST_SDELKI_DOGOVORA}>
Сопровождение сделок и составление договоров
</Link>
</li>
<li className={s.ListItem}>
<Link href={ROUTES.JURIST_PREDSTAVITELSTVO}>
Представительство в суде
</Link>
</li>
<li className={s.ListItem}>Представительство в суде</li>
</ol>
</div>
<div className={s.Contacts}>