add callback test

2025-06-19 13:57:08 +09:00
parent 1793de40c1
commit 293421b7a5
7 changed files with 162 additions and 53 deletions
--- a/my-blog/static/css/style.css
+++ b/my-blog/static/css/style.css
@ -807,46 +807,155 @@ article.article-content {
        gap: 0;
    }
    
-    /* OAuth app mobile fixes */
-    .comment-item {
+    /* OAuth app mobile fixes - prevent overflow and content issues */
+    .oauth-app-header {
        padding: 0px !important;
        margin: 0px !important;
+        border: none !important;
+    }
+    
+    .oauth-header-content {
+        max-width: 100% !important;
+        padding: 10px 20px !important;
+        margin: 0px !important;
+    }
+    
+    .oauth-header-actions {
+        width: auto !important;
+        max-width: 100% !important;
+        overflow: hidden !important;
+    }
+    
+    .main-content {
+        padding: 0px !important;
+        margin: 0px !important;
+        max-width: 100% !important;
+    }
+    
+    .content-area {
+        padding: 0px !important;
+        margin: 0px !important;
+    }
+    
+    .card {
+        margin: 0px !important;
+        border-radius: 0px !important;
+        border-left: none !important;
+        border-right: none !important;
+        max-width: 100% !important;
+    }
+    
+    .card-content {
+        padding: 15px !important;
+    }
+    
+    .comment-form {
+        padding: 15px !important;
+    }
+    
+    .record-item {
+        padding: 15px !important;
+        margin: 0px !important;
+        border-left: none !important;
+        border-right: none !important;
+    }
+    
+    .record-content {
+        word-wrap: break-word !important;
+        overflow-wrap: break-word !important;
+        max-width: 100% !important;
+    }
+    
+    .record-meta {
+        word-break: break-all !important;
+        overflow-wrap: break-word !important;
+        flex-wrap: wrap !important;
+    }
+    
+    .record-url {
+        word-break: break-all !important;
+        max-width: 100% !important;
+    }
+    
+    .form-group {
+        margin-bottom: 15px !important;
+    }
+    
+    .form-input, .form-textarea {
+        width: 100% !important;
+        max-width: 100% !important;
+        box-sizing: border-box !important;
+        padding: 12px !important;
    }
    
    .auth-section {
        padding: 0px !important;
-    }
-    
-    .comments-list {
-        padding: 0px !important;
-    }
-    
-    .comment-section {
        max-width: 100% !important;
-        padding: 0px !important;
-        margin: 0px !important;
+        overflow: hidden !important;
    }
    
-    .comment-container {
+    .auth-section.search-bar-layout {
+        width: 100% !important;
        max-width: 100% !important;
-        padding: 0px !important;
+    }
+    
+    .auth-section.search-bar-layout .handle-input {
+        max-width: calc(100% - 80px) !important;
+        width: calc(100% - 80px) !important;
+    }
+    
+    .auth-button {
+        white-space: nowrap !important;
+        min-width: 70px !important;
+    }
+    
+    .tab-header {
+        overflow-x: auto !important;
+        -webkit-overflow-scrolling: touch !important;
+    }
+    
+    .tab-btn {
+        white-space: nowrap !important;
+        min-width: auto !important;
+        padding: 12px 16px !important;
+    }
+    
+    .json-content {
+        font-size: 10px !important;
+        padding: 8px !important;
+        overflow-x: auto !important;
+        -webkit-overflow-scrolling: touch !important;
+    }
+    
+    .ask-ai-container {
        margin: 0px !important;
+        border-radius: 0px !important;
+        border-left: none !important;
+        border-right: none !important;
    }
    
-    .comment-content {
-        padding: 10px !important;
-        word-wrap: break-word !important;
-        overflow-wrap: break-word !important;
+    .chat-container {
+        height: 250px !important;
+        padding: 12px !important;
    }
    
-    .comment-header {
-        padding: 10px !important;
+    .question-form {
+        padding: 12px !important;
    }
    
-    /* Fix comment-meta URI overflow */
-    .comment-meta {
-        word-break: break-all !important;
-        overflow-wrap: break-word !important;
+    .input-container {
+        flex-direction: column !important;
+        gap: 12px !important;
+    }
+    
+    .question-input {
+        width: 100% !important;
+        box-sizing: border-box !important;
+    }
+    
+    .send-btn {
+        width: 100% !important;
+        height: 44px !important;
    }
    
    /* Hide site title text on mobile */