testio-tailwind 3.6.0 → 3.7.0

package/src/assets/stylesheets/app.css

@@ -89,3 +89,6 @@
 /*//// Design system styles ////*/
 @import './components/designsystem/designsystem-styles.css' layer(components);
 
+/*//// Agentic QA components ////*/
+@import './components/agenticqa/agenticqa_header.css' layer(components);
+@import './components/agenticqa/agenticqa_sidebar.css' layer(components);

package/src/assets/stylesheets/components/agenticqa/agenticqa_header.css

@@ -0,0 +1,37 @@
+
+.header.agenticqa {
+  @apply justify-center shadow border-b-1 border-bordercolor;
+  height: 70px;
+}
+
+.header.agenticqa .header-wrapper {
+  @apply flex justify-between items-center w-full max-w-centered-content;
+}
+  
+
+.header.agenticqa .navlink.header-logo {
+  @apply h-auto;
+}
+
+.header.agenticqa .header-logo::before {
+  content: url("/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white.svg");
+  height: 34px;
+  @media (width >= theme(--breakpoint-sm)) {
+    width: 142px;
+  }
+}
+
+.header.agenticqa .navlink {
+  @apply px-sm py-xxs uppercase rounded-full hover:bg-link-hover;
+  height: 34px;
+}
+
+.header.agenticqa .navlink.active {
+  @apply bg-transparent text-white hover:bg-link-hover;
+}
+
+.header.agenticqa .navlink.active::after {
+  @apply absolute block left-sm right-sm bottom-0 bg-link-hover;
+  content: '';
+  height: 2px;
+}

package/src/assets/stylesheets/components/agenticqa/agenticqa_sidebar.css

@@ -0,0 +1,12 @@
+
+.agenticqa .mobile-menu.sidebar {
+  @apply pt-spacing;
+}
+
+.agenticqa .mobile-menu.sidebar .navlink {
+  @apply items-center h-auto py-xs mb-sm leading-none;
+}
+
+.agenticqa .mobile-menu.sidebar .navlink:hover::after {
+  content: none;
+}