Andrey
/
object-type-constructor-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

peges components CSS interval

master
Boris Voropaev 2023-08-30 14:14:47 +03:00
parent 0e17ebb999
commit 13f7f83308
10 changed files with 60 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/_modules/pages/page/breadcrumbs/page-breadcrumbs.component.scss
View File

@ -1,5 +1,5 @@
.breadcrumbs {
padding: 12px 0;
padding: 12px 0 0 0;
display: flex;
flex-wrap: wrap;
row-gap: 12px;

7
src/app/_modules/pages/page/page.component.html
View File

@ -8,14 +8,17 @@
</div>
</div>
<div class="limiter nav-info">
<page-breadcrumbs [page]="page"></page-breadcrumbs>
<div class="col right" *ngIf="isEditable" (click)="toggleEditMode()">
<div class="label">Режим редактирования</div><div class="switch" [class.active]="editMode"></div>
</div>
</div>
</div>
<div class="limiter">
<page-breadcrumbs [page]="page"></page-breadcrumbs>
</div>
<div class="limiter" [ngSwitch]="page?.type?.name || page?.type">
<div class="limiter pages" [ngSwitch]="page?.type?.name || page?.type">
<content-page *ngSwitchCase="'content'" [page]="page" [editMode]="editMode"></content-page>
<publications-page *ngSwitchCase="'publications'" [page]="page" [editMode]="editMode"></publications-page>
<registry-page *ngSwitchCase="'registry'" [page]="page" [editMode]="editMode"></registry-page>

6
src/app/_modules/pages/page/page.component.scss
View File

@ -52,15 +52,17 @@
.nav-info{
display: flex;
justify-content: space-between;
justify-content: end;
padding: 16px 0;
}
.holder {
margin-bottom: 32px;
}
}
.dual-cols {
display: flex;
flex-direction: row;

3
src/app/_modules/pages/sections/add/add-section.component.scss
View File

@ -2,8 +2,9 @@
position: relative;
display: inline-block;
height: 24px;
margin-top: 16px;
margin-bottom: 40px;
margin-top: 40px;
.toggle {
position: relative;

7
src/app/_modules/pages/sections/item/page-section.component.scss
View File

@ -1,5 +1,8 @@
.add {
margin-bottom: 12px;
.section {
margin-top: 24px;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 768px) {

7
src/app/_modules/pages/sections/types/basic/contact/contact-section.component.scss
View File

@ -1,5 +1,4 @@
.contact {
margin-bottom: 40px;
h2 {
color: #2D2D2D;
@ -9,11 +8,13 @@
font-weight: 700;
line-height: 32px; /* 133.333% */
letter-spacing: 0.24px;
margin-bottom: 32px;
margin-bottom: 0px;
margin-top: 8px;
}
p{
margin-bottom: 24px;
margin-top: 24px;
margin-bottom: 0px;
}
}

28
src/app/_modules/pages/sections/types/basic/header/header-section.component.scss
View File

@ -1,27 +1 @@
h2 {
color: var(--dark-1);
font-family: PT Sans Narrow;
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: 60px; /* 120% */
letter-spacing: 0.5px;
}
h3 {
color: var(--dark-1);
font-family: PT Sans Narrow;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 60px; /* 120% */
letter-spacing: 0.36px;
}
h4 {
color: var(--dark-1);
font-family: PT Sans Narrow;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 44px; /* 133.333% */
letter-spacing: 0.24px;
}

6
src/app/_modules/pages/sections/types/basic/html/html-section.component.scss
View File

@ -11,6 +11,10 @@
color: var(--blue-3);
};
}
>div{
display: block;
margin-top: -16px;
margin-bottom: -16px;
}
}

36
src/assets/css/basics.scss
View File

@ -40,10 +40,38 @@ body {
}
h1 {
margin: 0 0 24px;
font-size: 2rem;
font-weight: bold;
h2 {
color: var(--dark-1);
font-family: PT Sans Narrow;
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: 60px; /* 120% */
letter-spacing: 0.5px;
padding-top: 16px;
margin:0;
}
h3 {
color: var(--dark-1);
font-family: PT Sans Narrow;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 60px; /* 120% */
letter-spacing: 0.36px;
padding-top: 8px;
margin:0;
}
h4 {
color: var(--dark-1);
font-family: PT Sans Narrow;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 44px; /* 133.333% */
letter-spacing: 0.24px;
padding-top: 8px;
margin:0;
}
a {

2
src/styles.scss
View File

@ -31,12 +31,12 @@
.menu {
display: flex;
.block {
margin-bottom: 24px;
background: #fff;
border: 1px solid #C0C0C0;
border-radius: 12px;
padding: 12px 24px;
display: flex;
margin-bottom: 24px;
column-gap: 20px;
button {
background-position: center;