update styles and copy

Author: leiyre

argilla-frontend/components/base/base-separator/BaseSeparator.vue

@@ -8,7 +8,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .separator {
-  border-bottom: 1px solid var(--bg-opacity-10);
+  border-bottom: 1px solid var(--bg-opacity-6);
   width: 100%;
 }
 </style>

argilla-frontend/components/features/home/sidebar/DatasetBadge.vue

@@ -46,6 +46,10 @@ export default {
       hsl(from v-bind(color) h s l / 10%) 0%,
       hsl(from v-bind(color) h s l / 1%) 100%
     );
+    & + .dataset-badge__text {
+      padding: calc($base-space / 2) $base-space calc($base-space / 2)
+        calc($base-space / 2);
+    }
   }
   &__icon {
     fill: v-bind(color);
@@ -55,8 +59,7 @@ export default {
   &__text {
     font-weight: 400;
     color: var(--fg-secondary);
-    padding: calc($base-space / 2) $base-space calc($base-space / 2)
-      calc($base-space / 2);
+    padding: calc($base-space / 2) $base-space;
   }
 }
 </style>

argilla-frontend/pages/_id.vue

@@ -44,7 +44,8 @@ export default {
   display: flex;
   flex-direction: column;
   &__header-badge {
-    background-color: hsl(from var(--color-brand) h 70% 60%);
+    background-color: hsl(from var(--color-brand-secondary) h s l);
+    color: var(--color-dark-grey);
     padding: calc($base-space / 2) $base-space;
     border-radius: $border-radius;
     margin: 0;

argilla-frontend/pages/index.vue

@@ -50,7 +50,7 @@
           />
           <ImportFromPython v-if="!showImportDatasetInput" />
         </div>
-        <BaseSeparator />
+        <BaseSeparator class="home__sidebar__separator" />
         <div class="home__sidebar__content">
           <p
             class="home__sidebar__title"
@@ -183,6 +183,10 @@ export default {
       margin-top: $base-space * 4;
       color: var(--fg-secondary);
     }
+    &__separator {
+      max-width: 75%;
+      margin: 0 auto;
+    }
   }
 }
 </style>

argilla-frontend/translation/en.js

@@ -283,8 +283,8 @@ export default {
         optionsWithoutLabel: "Empty options are not allowed",
       },
     },
-    atLeastOneQuestion: "At least one question is required",
-    atLeastOneRequired: "At least one required question is required",
+    atLeastOneQuestion: "At least one question is required.",
+    atLeastOneRequired: "At least one required question is needed.",
     hasInvalidQuestions: "Some questions are invalid",
     createDataset: "Create the dataset in Argilla",
     datasetName: "Dataset name",
@@ -309,7 +309,7 @@ export default {
     cantLoadRepository: "Dataset not found or available on Hugging Face",
     none: "None",
     noWorkspaces:
-      "Please, follow the <a target='_blank' href='https://docs.argilla.io/latest/how_to_guides/workspace/#create-a-new-workspace'>guide</a> to create a workspace",
+      "Please, follow this <a target='_blank' href='https://docs.argilla.io/latest/how_to_guides/workspace/#create-a-new-workspace'>guide</a> to create a workspace",
   },
   config: {
     field: {

argilla-frontend/translation/es.js

@@ -281,8 +281,8 @@ export default {
         optionsWithoutLabel: "No se permiten opciones vacías",
       },
     },
-    atLeastOneQuestion: "Se requiere al menos una pregunta",
-    atLeastOneRequired: "Se requiere al menos una pregunta obligatoria",
+    atLeastOneQuestion: "Se requiere al menos una pregunta.",
+    atLeastOneRequired: "Se requiere al menos una pregunta obligatoria.",
     hasInvalidQuestions: "Algunas preguntas son inválidas",
     createDataset: "Crea el dataset en Argilla",
     datasetName: "Nombre del dataset",