general-library-union 3.1.68 → 3.1.69

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "general-library-union",
-  "version": "3.1.68",
+  "version": "3.1.69",
   "private": false,
   "peerDependencies": {
     "@angular/animations": "^18.0.4",

package/src/styles/primeng/sass/overrides/_theme_styles.scss

@@ -438,11 +438,10 @@ color: #232323;
     color: #232323;
     font-weight: 600;
     text-align: center;
-    display: table;
 
-    
+
     @include breakpoint(large) {
-      font-size: 6rem;
+      font-size: 2rem;
       -webkit-text-stroke: 0.85rem transparent;
       -webkit-background-clip: text;
       background-clip: text;
@@ -451,20 +450,25 @@ color: #232323;
 
   button {
     padding: 0.5rem 6rem;
-    margin-top: 4%;
-    padding: 0.5rem 6rem;
-    background: linear-gradient(45deg, var(--color-500), var(--color-300));
+    background: #fff;
     border: none;
     border-radius: 5px;
     color: #fff;
     font-weight: bold;
-    box-shadow: 0px 1px 7px var(--color-300);
-     
+    box-shadow: 0px 1px 7px #cacaca;
+    /* margin-top: 15%; */
+    font-size: 1.1rem;
+    display: table;
+    margin: 0 auto;
+    margin-top: 10%;
+    border: solid 1px #232323;
+    color: #232323;
+    margin-bottom: 10%;
 }
 
 #timeout button:hover{
-  background: linear-gradient(45deg, var(--color-600), var(--color-400));
-  box-shadow: 3px 3px 12px var(--color-300);
+  background: #fff;
+  box-shadow: 3px 3px 12px #b8b8b8;
 }
 
 

package/src/styles/primeng/sass/overrides/_theme_styles_dark.scss

@@ -423,12 +423,15 @@ color: #232323;
  * Timeout styles
  *****************************************************************************/
 
-#timeout {
-  background: #fff;
+
+ #timeout {
+  width: 100%;
+  height: 100%;
+ background:#fff;
+ 
 
   .card-container {
-    height: auto;
-    min-height: 100vh;
+    height: 100vh;
   }
 
   img {
@@ -437,15 +440,16 @@ color: #232323;
   }
 
   h4 {
+
     color: $white;
     font-size: 2rem;
     color: #232323;
     font-weight: 600;
     text-align: center;
-    display: table;
+
 
     @include breakpoint(large) {
-      font-size: 6rem;
+      font-size: 2rem;
       -webkit-text-stroke: 0.85rem transparent;
       -webkit-background-clip: text;
       background-clip: text;
@@ -454,27 +458,46 @@ color: #232323;
 
   button {
     padding: 0.5rem 6rem;
-    background: #232323;
+    background: #fff;
+    border: none;
     border-radius: 5px;
     color: #fff;
-  }
+    font-weight: bold;
+    box-shadow: 0px 1px 7px #cacaca;
+    /* margin-top: 15%; */
+    font-size: 1.1rem;
+    display: table;
+    margin: 0 auto;
+    margin-top: 10%;
+    border: solid 1px #232323;
+    color: #232323;
+    margin-bottom: 10%;
+}
+
+#timeout button:hover{
+  background: #fff;
+  box-shadow: 3px 3px 12px #b8b8b8;
+}
+
+
 }
 
 #timeout .p-button {
-  box-shadow: 0 0 10px hsl(0deg 0% 0% / 56%);
-  background: #39373f;
+  box-shadow: 0px 0px 10px hsla(var(--color-h), 100%, 60%, 0.7);
 }
 
+
 .p-divider {
   .p-divider-content {
       background-color: transparent;
       width: 100%;
-      border-bottom: solid 1px #39373f;    
-      color: #fff;
+      border-bottom: solid 1px var(--color-100);    
+      color: #232323;
 
   }
 }
 
+
 @media (max-width:1440px) {
 
   #timeout {
@@ -502,11 +525,10 @@ color: #232323;
       -webkit-text-stroke: 0.65rem transparent;
     }
 
+
   }
 }
 
-
-
 @media (max-width:768px){
 
   #timeout h4 {
@@ -525,7 +547,6 @@ color: #232323;
     font-size: 2rem !important;
 }
 
-
 #timeout img {
   margin: 0 auto;
   text-align: center;
@@ -534,7 +555,6 @@ color: #232323;
 }
 
 
-
 /******************************************************************************
  * Tag styles
  *****************************************************************************/