adjust button color to github button

Sybit-Education · Feb 16, 2024 · 510ea28 · 510ea28
1 parent 24b01b8
commit 510ea28
Showing 1 changed file with 3 additions and 10 deletions.
diff --git a/frontend/src/components/SignInWithGitlabButtonComponent.vue b/frontend/src/components/SignInWithGitlabButtonComponent.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <b-button
-      id="button"
+      variant="primary"
       :disabled="disabled"
       @click="
        clicked = !clicked
@@ -25,6 +25,7 @@
       </div>
       <div class="inline-div">
         <b-button
+          variant="primary"
           @click="getAccessToken()"
         >
           Sign in
@@ -87,22 +88,14 @@ export default defineComponent({
 </script>
 
 <style scoped>
-#button {
-  background-color: var(--preparePageMainColor);
-  color: var(--text-primary-color);
-}
-
-#button:hover {
-  background-color: var(--primary-button-hovered);
-  color: var(--text-primary-color);
-}
 .inline-div {
   display: inline-block;
 }
 
 .input-div {
   margin-right: 0.5vw;
 }
+
 .patInputField {
   width: 100%;
   margin-right: 5em;