micord/evru-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

top btn

Browse source
This commit is contained in:
m.epshtein 2024-06-27 15:36:10 +03:00
parent e76fe319aa
commit 47d70a6328
4 changed files with 63 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

53
frontend/src/resources/css/components-dashboard.css
View file

@ -21,11 +21,47 @@
*/
.webbpm.ervu_dashboard .top-btn-block {
margin-bottom: 16px;
margin-bottom: 16px 0;
.form-group {
margin-bottom: 0;
}
button-component {
padding-right: 0;
border-radius: 20px;
& + button-component {
margin-left: 16px;
}
.btn {
font-size: var(--size-text-primary);
padding: 8px 40px 8px 20px;
margin-bottom: 0;
&::after{
position: absolute;
width: 24px;
height: 24px;
background-image: url('../img/svg/arrow-right-wt.svg');
}
}
}
}
.webbpm.ervu_dashboard .arrow-btn .btn {
display: grid;
place-items: center;
width: 36px;
height: 36px;
border-radius: 50px;
background-color: var(--color-text-primary);
&::before {
position: absolute;
width: 24px;
height: 24px;
background-image: url('../img/svg/arrow-right.svg');
}
}
.webbpm.ervu_dashboard .parent-block {
@ -34,6 +70,17 @@
border: 1px solid var(--border-dark);
background: var(--bg-block);
backdrop-filter: var(--bg-blur);
& > .horizontal-container > * {
flex: 1;
}
& > .horizontal-container > * + *,
.horizontal-container > .child-block + .child-block {
margin-left: 20px;
}
.vertical-container > .child-block + .child-block {
margin-top: 20px;
}
}
.webbpm.ervu_dashboard .child-block {
@ -42,10 +89,6 @@
border: 1px solid var(--border-light);
background: var(--bg-group);
backdrop-filter: var(--bg-blur);
& + .child-block {
margin-left: 20px;
}
}
.webbpm.ervu_dashboard .nav-tabs ~ .tab-active > .active {

11
frontend/src/resources/css/inbox-dashboard.css
View file

@ -31,10 +31,13 @@
linear-gradient(180deg, rgba(8, 131, 198, 0) 0%, rgba(8, 131, 198, 0.07) 33%, rgba(8, 131, 198, 0.2) 100%),
linear-gradient(180deg, rgba(19, 46, 55, 0.16) 0%, rgba(19, 46, 55, 0.32) 100%),
radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
--bg-group:
conic-gradient(from 90deg at 100% 0%, rgba(0, 240, 255, 0.6) 0%, rgba(0, 191, 255, 0.24) 34%, rgba(0, 191, 255, 1) 100%),
--bg-group:
/*rgba(8, 131, 198, 0.4);*/
/*conic-gradient(from 90deg at 100% 0%, rgba(0, 240, 255, 0.6) 0%, rgba(0, 191, 255, 0.24) 34%, rgba(0, 191, 255, 1) 100%),*/
linear-gradient(180deg, rgba(8, 131, 198, 0) 0%, rgba(8, 131, 198, 0.4) 100%),
linear-gradient(0deg, rgba(19, 46, 55, 0.08) 0%, rgba(19, 46, 55, 0.16) 100%);
linear-gradient(0deg, rgba(19, 46, 55, 0.08) 0%, rgba(19, 46, 55, 0.16) 100%),
linear-gradient(204deg, rgba(0, 191, 255, 0.5) 0%, rgba(0, 191, 255, 0) 50%);
--size-text-title: 32px;
--size-text-subtitle: 24px;
@ -104,7 +107,7 @@ body.webbpm.ervu_dashboard {
margin-left: auto;
margin-right: var(--w-screen);
process, process + div, admin-menu {
display: none;
display: none !important;
}
/*
.nav-link {

4
frontend/src/resources/img/svg/arrow-right-wt.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.7195 17.7046C10.3261 18.0985 9.68836 18.0985 9.29501 17.7046C8.90166 17.3108 8.90166 16.6723 9.29501 16.2785L14.2805 11.2869C14.6739 10.8931 15.3116 10.8931 15.705 11.2869C16.0983 11.6808 16.0983 12.3193 15.705 12.7131L10.7195 17.7046Z" fill="#F4FCFF"/>
<path d="M9.29516 7.72152C8.90181 7.3277 8.90181 6.68919 9.29516 6.29537C9.68851 5.90154 10.3263 5.90154 10.7196 6.29537L15.705 11.2869C16.0983 11.6808 16.0983 12.3193 15.705 12.7131C15.3116 13.1069 14.674 13.1069 14.2807 12.7131L9.29516 7.72152Z" fill="#F4FCFF"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 635 B

4
frontend/src/resources/img/svg/arrow-right.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.7195 17.7046C10.3261 18.0985 9.68836 18.0985 9.29501 17.7046C8.90166 17.3108 8.90166 16.6723 9.29501 16.2785L14.2805 11.2869C14.6739 10.8931 15.3116 10.8931 15.705 11.2869C16.0983 11.6808 16.0983 12.3193 15.705 12.7131L10.7195 17.7046Z" fill="#070E1A"/>
<path d="M9.29516 7.72152C8.90181 7.3277 8.90181 6.68919 9.29516 6.29537C9.68851 5.90154 10.3263 5.90154 10.7196 6.29537L15.705 11.2869C16.0983 11.6808 16.0983 12.3193 15.705 12.7131C15.3116 13.1069 14.674 13.1069 14.2807 12.7131L9.29516 7.72152Z" fill="#070E1A"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 635 B