master
Boris Voropaev 2023-11-29 17:31:12 +03:00
parent c601f837bb
commit c4b348f4a5
5 changed files with 70 additions and 47 deletions

View File

@ -1,4 +1,4 @@
<div class="add" *ngIf="editMode">
<button type="button" class="btn" (click)="add()">Добавить карточку</button>
<button type="button" class="outline" (click)="add()">Добавить карточку</button>
</div>
<cards-section-items [section]="section" [type]="type" [editMode]="editMode"></cards-section-items>

View File

@ -1,5 +1,5 @@
<div class="top-panel pt-40">
<h1>Личный кабинет</h1>
<h2>Личный кабинет</h2>
<div class="profile" *ngIf="user">
<div class="row">
<div class="left">

View File

@ -9,7 +9,7 @@
<pages-menu class="lvl-0"></pages-menu>
<div class="inline center">
<locale></locale>
<a class="btn vnii" href="" target="_blank">АИС СЦ ВНИИГАЗ</a>
</div>

View File

@ -337,26 +337,47 @@ html-section ul{
}
}
.locale{
position: relative;
.locale-btn{
display: inline-flex;
}
.dropdown{
top: auto;
left: -96px;
bottom: 27px;
}
img{
height:18px;
width:27px;
object-fit: cover;
border: 1px solid lightgray;
header{
.locale{
position: relative;
.locale-btn{
display: inline-flex;
}
.dropdown{
top: 27px;
left: -120px;
}
img{
height:18px;
width:27px;
object-fit: cover;
border: 1px solid lightgray;
}
}
}
footer{
.locale{
position: relative;
.locale-btn{
display: inline-flex;
}
.dropdown{
top: auto;
left: -96px;
bottom: 27px;
}
img{
height:18px;
width:27px;
object-fit: cover;
border: 1px solid lightgray;
}
}
}
@media screen and (min-width: 1330px) {
.fullwidth {

View File

@ -57,40 +57,42 @@ registry-entries {
display: block;
padding-bottom: 24px;
}
.bar {
display: flex;
flex-direction: row;
align-items: center;
padding: 24px;
margin-bottom: 24px;
border-radius: 20px;
.name {
margin-right: auto;
font-size: 1.125rem;
font-weight: 700;
}
.menu {
registry-category{
.bar {
display: flex;
flex-direction: row;
gap: 24px;
button {
width: 24px;
height: 24px;
align-items: center;
padding: 12px 24px;
margin-bottom: 24px;
cursor: pointer;
.name {
margin-right: auto;
font-size: 1.125rem;
font-weight: 700;
}
}
.expand {
margin-left: 48px;
button {
width: 24px;
height: 24px;
transform: rotateZ(180deg);
transition: transform 0.3s;
&.less {transform: rotateZ(0);}
.menu {
display: flex;
flex-direction: row;
gap: 24px;
button {
width: 24px;
height: 24px;
}
}
.expand {
margin-left: 48px;
button {
width: 24px;
height: 24px;
transform: rotateZ(180deg);
transition: transform 0.3s;
&.less {transform: rotateZ(0);}
}
}
}
}
.items {
min-height: 20px;
}