Move outline to secondary

osoc24 · Jul 18, 2024 · 02e80e3 · 02e80e3
1 parent ef6b895
commit 02e80e3
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 15 deletions.
diff --git a/loama/src/components/LoButton.vue b/loama/src/components/LoButton.vue
@@ -23,16 +23,15 @@ const props = withDefaults(defineProps<{
     /**
      * The variant of the button; defaults to primary.
      */
-    variant?: "primary" | "secondary" | "outlined"
+    variant?: "primary" | "secondary"
 }>(), {
     variant: "primary"
 })
 
 const classList = computed(() => {
     return {
         primary: props.variant === "primary",
-        secondary: props.variant === "secondary",
-        outlined: props.variant === "outlined"
+        secondary: props.variant === "secondary"
     }
 })
 </script>
@@ -77,14 +76,4 @@ button:hover:not([disabled]) {
     color: var(--off-black);
     border-color: var(--solid-purple);
 }
-
-.outlined {
-    border-color: var(--solid-purple);
-    background-color: var(--solid-white);
-    color: var(--off-black);
-}
-
-.outlined:hover {
-    color: var(--solid-white);
-}
 </style>
diff --git a/loama/src/components/LoginForm.vue b/loama/src/components/LoginForm.vue
@@ -16,7 +16,7 @@
       <p v-if="showWarning" class="warning">Invalid Solid Pod URL. Please check and try again.</p>
     </fieldset>
     <fieldset>
-      <LoButton @click.prevent="noPod" :disabled="isLoading" class="outlined" :left-icon="PhQuestion">
+      <LoButton @click.prevent="noPod" :disabled="isLoading" class="secondary" :left-icon="PhQuestion">
         No Pod?
       </LoButton>
       <LoButton type="submit" :disabled="isLoading" :right-icon="PhArrowRight">

diff --git a/loama/src/components/SidePanel.vue b/loama/src/components/SidePanel.vue
@@ -8,7 +8,7 @@
         {{ pod.name }}
       </LoButton>
     </div>
-    <LoButton :left-icon="PhX" class="outlined" @click="emit('toggleProvider')">Close Panel</LoButton>
+    <LoButton :left-icon="PhX" class="secondary" @click="emit('toggleProvider')">Close Panel</LoButton>
   </div>
 </template>
 
@@ -40,6 +40,7 @@ const openPodUrl = (pod: { name: string; url: string }) => {
 .extra-panel {
   width: 100%;
   margin-top: 10px;
+  border-right: .2em solid var(--solid-purple);
 }
 
 h2 {