@visns-studio/visns-components 5.4.19 → 5.4.20

package/package.json

@@ -81,7 +81,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.4.19",
+    "version": "5.4.20",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/crm/auth/styles/TwoFactorAuth.module.scss

@@ -1,5 +1,5 @@
-// Import the Login styles to maintain consistency
-@import './Login.module.scss';
+// Use the Login styles to maintain consistency
+@use './Login.module.scss' as login;
 
 // Additional styles specific to the 2FA component
 .instructions {
@@ -11,6 +11,14 @@
 }
 
 .login {
+    // Instead of extending, copy the necessary properties
+    width: 35rem;
+    padding: 1rem;
+    margin: 0;
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 0.5rem;
+
     h2 {
         text-align: center;
         margin: 0;
@@ -21,6 +29,12 @@
 
 // Style for the verification code input
 .formItem {
+    // Instead of extending, copy the necessary properties
+    width: 50%;
+    position: relative;
+    box-sizing: border-box;
+    margin-bottom: 0.5rem;
+
     input[name='verificationCode'] {
         letter-spacing: 0.25rem;
         font-size: 1.2rem;