fbtest

desktop11/index.html

@@ -426,14 +426,17 @@
 
                         
                         <div id="form-right">
-                            <!-- <button  id="fb_login" scope="public_profile,email"
-                            onlogin="checkLoginState();"  ><img src="./img/logo/facebook.png" alt=""><p><span  style="padding-right:5vw; font-size: 25px;">｜</span>使用fb填入信箱與姓名</p></button> -->
+                            
                             <div id="fb_login">
+                                <button  id="fb-button" scope="public_profile,email"
+                                onlogin="checkLoginState();"  ><img src="./img/logo/facebook.png" alt=""><p><span  style="padding-right:5vw; font-size: 25px;">｜</span>使用fb填入信箱與姓名</p></button>
+                            </div>
+                            <!-- <div id="fb_login">
                                 <fb:login-button id="fb-button" scope="public_profile,email"
                                     onlogin="checkLoginState();"   data-button-type="continue_with" data-size="large">使用FB填入信箱與姓名
                                 </fb:login-button>
                                 <div id="status"></div>
-                            </div>
+                            </div> -->
 
                             <input type="text" name="email" id="email" placeholder="請輸入信箱" required>
                             <input type="text" name="name" id="name" placeholder="請輸入姓名" required>

desktop11/style.css

@@ -619,14 +619,7 @@ body .arrow:hover {
   margin-left: 5vw;
 }
 
-#contact-us #contact-form #form-right #fb_login #fb-button {
-  font-size: 16px;
-  width: 29vw;
-  height: 50px;
-  padding: 30px;
-}
-
-#contact-us #contact-form #fb_login {
+#contact-us #contact-form #fb-button {
   margin-top: 12px;
   width: 29vw;
   height: 50px;
@@ -641,26 +634,26 @@ body .arrow:hover {
   position: relative;
 }
 
-#contact-us #contact-form #fb_login p {
+#contact-us #contact-form #fb-button p {
   line-height: 40px;
 }
 
-#contact-us #contact-form #fb_login img {
+#contact-us #contact-form #fb-button img {
   position: absolute;
   left: 50px;
-  top: 7px;
+  top: 10px;
   width: 32px;
   height: 32px;
   -webkit-filter: invert(29%) sepia(70%) saturate(712%) hue-rotate(186deg) brightness(89%) contrast(81%);
           filter: invert(29%) sepia(70%) saturate(712%) hue-rotate(186deg) brightness(89%) contrast(81%);
 }
 
-#contact-us #contact-form #fb_login:hover {
+#contact-us #contact-form #fb-button:hover {
   background-color: #2a4f91;
   color: #fff;
 }
 
-#contact-us #contact-form #fb_login:hover img {
+#contact-us #contact-form #fb-button:hover img {
   -webkit-filter: invert(100%) sepia(100%) saturate(19%) hue-rotate(334deg) brightness(106%) contrast(106%);
           filter: invert(100%) sepia(100%) saturate(19%) hue-rotate(334deg) brightness(106%) contrast(106%);
 }

desktop11/style.scss

@@ -539,17 +539,17 @@ body {
         #form-right {
             width: 29vw;
             margin-left: 5vw;
-            #fb_login {
-                #fb-button {
-                    font-size: 16px;
-                    width: 29vw;
-                    height: 50px;
-                    padding: 30px;
-                }
-            }
+            // #fb_login {
+            //     #fb-button {
+            //         font-size: 16px;
+            //         width: 29vw;
+            //         height: 50px;
+            //         padding: 30px;
+            //     }
+            // }
            
             }
-            #fb_login{
+            #fb-button{
                 margin-top: 12px;
                 width: 29vw;
                 height: 50px;
@@ -567,7 +567,7 @@ body {
                 img {
                     position: absolute;
                     left: 50px;
-                    top: 7px;
+                    top: 10px;
                     width: 32px;
                     height: 32px;
                     filter: invert(29%) sepia(70%) saturate(712%) hue-rotate(186deg) brightness(89%) contrast(81%);