P42/P42_UI
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed css

Browse Source
This commit is contained in:
STEINNI
2025-09-18 17:55:05 +00:00
parent 190d8df334
commit b5f0fb0c5d
13 changed files with 276 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/styles/app.css
+16 -4
View File
@@ -1,6 +1,6 @@
/* Default app color palette */
:root,:after,:before {
--app-color-primary: var(--eicui-base-color-primary-100);
--app-color-primary: #473;
--app-color-secondary: var(--eicui-base-color-grey-100);
--app-color-success: var(--eicui-base-color-success-100);
--app-color-danger: var(--eicui-base-color-danger-100);
@@ -24,18 +24,20 @@
--app-header-height: var(--eicui-app-top-message-height);
--app-menu-collapsed-width: 50px;
--app-menu-expanded-width: 240px;
--app-menu-expanded-width: 160px;
--app-menu-width: var(--app-menu-expanded-width);
}
body[eicapp] {
all: unset;
display: grid;
grid-template-rows: auto;
grid-template-columns: min-content auto;
min-height: 100vh;
box-sizing: border-box;
background: repeating-linear-gradient( -45deg, #000, #555 10px, #000 10px, #555 20px );
}
[eicapp] [eicapptoolbar] {
@@ -101,6 +103,7 @@ body[eicapp] {
[eicapp] .app-workspace .window.active {
z-index: 3;
background: var(--app-color-primary);
border-radius: .3rem;
}
[eicapp] .app-workspace .window > header { display: grid; }
[eicapp] .app-workspace .window > header h1 {
@@ -123,7 +126,7 @@ body[eicapp] {
[eicapp] .app-workspace .window > header .controls button.shrink { display: none; }
[eicapp] .app-workspace .window > section {
padding: var(--eicui-base-spacing-xs) var(--eicui-base-spacing-s);
background: var(--app-bg-color);
/*background: var(--app-bg-color);*/
cursor: default;
margin: 0;
overflow: auto;
@@ -140,7 +143,7 @@ body[eicapp] {
width: 100%;
max-width:none;
padding: 0 var(--eicui-base-spacing-2xs) var(--eicui-base-spacing-3xl) var(--eicui-base-spacing-2xs);
background-color: var(--app-bg-color);
background: repeating-linear-gradient( -45deg, #000, #555 10px, #000 10px, #555 20px );
cursor: default;
margin: 0;
overflow: visible;
@@ -192,6 +195,7 @@ body[eicapp] {
[eicapp] .app-content-thesaurus [eicchip] {
box-shadow: 0px 0px 14px 0px #00000066;
cursor: pointer;
background: var(--app-color-primary);
}
[eicapp] .app-content-thesaurus [eicchip] label { cursor: pointer; }
@@ -213,6 +217,9 @@ body[eicapp] {
[eicapp] [device="mobile"] article[eiccard] {
margin: 0;
}
article[eiccard][media] > header {
padding: var(--eicui-base-spacing-l) var(--eicui-base-spacing-m) var(--eicui-base-spacing-s) var(--eicui-base-spacing-m);
}
.eic-session {
padding: 0;
@@ -256,3 +263,8 @@ body[eicapp] {
[device="mobile"] .cols-8 {
grid-template-columns: 1fr 1fr;
}
div.window > section:first-of-type > article[eiccard]:first-of-type{
border: 2px solid var(--app-color-primary);
border-radius: .5rem;
}
app/assets/styles/intro.css
+17 -11
View File
@@ -81,11 +81,11 @@ body {
}
.glowing span:nth-child(3n + 2) {
animation: rotatedots-reverse 5s alternate infinite;
animation: rotatedots-reverse 9s alternate infinite;
}
.glowing span:nth-child(3n + 3) {
animation: rotatedots1 11s alternate infinite;
animation: rotatedots1 15s alternate infinite;
}
@keyframes fadeaway {
@@ -95,17 +95,23 @@ body {
}
@keyframes rotatedots1 {
0% { transform: rotate(calc(180deg * var(--i))); }
50% { transform: rotate(calc(0deg * var(--i))); }
100% { transform: rotate(calc(360deg * var(--i))); }
0% { transform: rotate(calc(180deg * var(--i))); scale:20%;}
25% { transform: rotate(calc(90deg * var(--i))); scale:100%;}
50% { transform: rotate(calc(0deg * var(--i))); scale:80%;}
100% { transform: rotate(calc(360deg * var(--i))); scale:50%;}
}
@keyframes rotatedots-reverse {
0% { transform: rotate(calc(135deg * var(--i))); }
50% { transform: rotate(calc(-45deg * var(--i))); }
100% { transform: rotate(calc(315deg * var(--i))); }
0% { transform: rotate(calc(135deg * var(--i))); scale:20%;}
25% { transform: rotate(calc(45deg * var(--i))); scale:100%;}
50% { transform: rotate(calc(-45deg * var(--i))); scale:80%;}
100% { transform: rotate(calc(315deg * var(--i))); scale:50%;}
}
.logointro{
filter: blur(14px);
opacity: 0;
@@ -133,7 +139,7 @@ body {
bottom: 15vh;
color: aliceblue;
font-style: italic;
font-size: 40px;
font-size: 2rem;
border-radius: 100px;
padding: 5px 40px;
background: radial-gradient(#82cc50, #0a8200);
@@ -177,11 +183,11 @@ body {
width: 15rem;
border-radius: 5px;
border: none;
font-size: 1.3rem;
font-size: 1rem;
}
#login-dialog button{
justify-self: end;
font-size: 1.3rem;
font-size: 1rem;
float: right;
}
#login-dialog div.loginerr{