diff --git a/frontend/src/resources/css/components-dashboard.css b/frontend/src/resources/css/components-dashboard.css index ab599e75..888c24b7 100644 --- a/frontend/src/resources/css/components-dashboard.css +++ b/frontend/src/resources/css/components-dashboard.css @@ -1,5 +1,6 @@ @charset "utf-8"; +/* .webbpm.ervu_dashboard div[id="page"], .webbpm.ervu_dashboard div[id="page"] > div, .webbpm.ervu_dashboard div[id="page"] > div > div { @@ -7,7 +8,7 @@ flex-direction: column; height: 100%; } -/* + .webbpm.ervu_dashboard [id="page"] > div > div > [page-object]:first-child { padding-top: 15px; } @@ -19,3 +20,35 @@ } */ +.webbpm.ervu_dashboard .top-btn-block { + margin-bottom: 16px; + + .form-group { + margin-bottom: 0; + } +} + +.webbpm.ervu_dashboard .parent-block { + padding: 12px; + border-radius: 16px; + border: 1px solid var(--border-dark); + background: var(--bg-block); + backdrop-filter: var(--bg-blur); +} + +.webbpm.ervu_dashboard .child-block { + padding: 32px 40px 40px; + border-radius: 20px; + 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 { + border: 0; + background-color: transparent; +} \ No newline at end of file diff --git a/frontend/src/resources/css/inbox-dashboard.css b/frontend/src/resources/css/inbox-dashboard.css index 87abd966..857a0c73 100644 --- a/frontend/src/resources/css/inbox-dashboard.css +++ b/frontend/src/resources/css/inbox-dashboard.css @@ -27,13 +27,18 @@ --border-light: #0883c6; --border-dark: #01536f; --bg-blur: blur(40px); - --bg-block: radial-gradient(50% 50% at 50% 50%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 100%), linear-gradient(180deg, rgba(19, 46, 55, 0.16) 0%, rgba(19, 46, 55, 0.32) 100%), linear-gradient(180deg, rgba(8, 131, 198, 0) 0%, rgba(8, 131, 198, 0.2) 100%); - --bg-group: linear-gradient(360deg, rgba(19, 46, 55, 0.2) 0%, rgba(19, 46, 55, 0.2) 100%), linear-gradient(180deg, rgba(8, 131, 198, 0.4) 0%, rgba(8, 131, 198, 0.4) 100%); + --bg-block: + 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%), + 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%); --size-text-title: 32px; --size-text-subtitle: 24px; - --size-text-primary: 18px; - /*--size-text-secondary: 14px;*/ + --size-text-primary: 18px; --size-num-title: 60px; --size-num-subtitle: 48px; --size-num-primary: 32px; @@ -43,17 +48,6 @@ --w-screen: 40px; } - -.webbpm.ervu_dashboard a { - color: var(--color-link); - &:hover, - &:focus, - &:active { - color: var(--color-link-hover); - text-decoration: none; - } -} - body.webbpm.ervu_dashboard { display: flex; flex-direction: column; @@ -78,12 +72,12 @@ body.webbpm.ervu_dashboard { .webbpm.ervu_dashboard .container { padding: var(--h-header) 0 0; bottom: 0; -} -body.webbpm.ervu_dashboard [id="page"], -.webbpm.ervu_dashboard .container .container-inside { - font-family: 'GilroyM'; - font-size: var(--size-text-primary); + .container-inside { + font-family: 'GilroyM'; + font-size: var(--size-text-primary); + padding: 0 40px 40px; + } } .webbpm.ervu_dashboard .logo { diff --git a/frontend/src/resources/img/bg_image.png b/frontend/src/resources/img/bg_image.png index 6189c891..0c133ba4 100644 Binary files a/frontend/src/resources/img/bg_image.png and b/frontend/src/resources/img/bg_image.png differ