Update src/components/menu-bar/google-drive-save.css

src/components/menu-bar/google-drive-save.css

@@ -446,4 +446,85 @@
     border: 1px solid #ddd;
     border-radius: 3px;
     font-size: 12px;
+}
+/* Google Drive Save コンポーネント用の追加スタイル */
+.shareSection {
+    margin-bottom: 20px;
+}
+
+.shareSection h3 {
+    margin: 0 0 10px 0;
+    font-size: 14px;
+    color: #333;
+}
+
+.permissionRow {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+    gap: 10px;
+}
+
+.emailInput {
+    flex: 1;
+    padding: 8px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+}
+
+.roleSelect {
+    padding: 8px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    min-width: 120px;
+}
+
+.addButton, .removeButton {
+    padding: 8px 12px;
+    border: 1px solid #ddd;
+    background: #f5f5f5;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+.addButton:hover, .removeButton:hover {
+    background: #e0e0e0;
+}
+
+.modalFooter {
+    display: flex;
+    justify-content: flex-end;
+    gap: 10px;
+    padding: 20px;
+    border-top: 1px solid #eee;
+}
+
+.applyButton, .cancelButton {
+    padding: 10px 20px;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+.applyButton {
+    background: #4CAF50;
+    color: white;
+}
+
+.applyButton:hover:not(:disabled) {
+    background: #45a049;
+}
+
+.cancelButton {
+    background: #f5f5f5;
+    color: #333;
+}
+
+.cancelButton:hover:not(:disabled) {
+    background: #e0e0e0;
+}
+
+.applyButton:disabled, .cancelButton:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
 }