markdown-notes-engine 1.0.1 → 1.0.2

package/lib/frontend/styles.css

@@ -1,431 +0,0 @@
-/**
- * Markdown Notes Engine - Frontend Styles
- */
-
-.notes-container {
-  display: flex;
-  height: 100vh;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
-  background: #f5f5f5;
-  color: #333;
-}
-
-/* Sidebar */
-.notes-sidebar {
-  width: 300px;
-  background: #2c3e50;
-  color: white;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  border-right: 1px solid #34495e;
-}
-
-.notes-toolbar {
-  padding: 15px;
-  display: flex;
-  gap: 8px;
-  background: #34495e;
-  border-bottom: 1px solid #2c3e50;
-}
-
-.notes-search-input {
-  width: calc(100% - 30px);
-  margin: 15px;
-  padding: 10px;
-  border: none;
-  border-radius: 4px;
-  font-size: 14px;
-  background: #34495e;
-  color: white;
-}
-
-.notes-search-input::placeholder {
-  color: #95a5a6;
-}
-
-.notes-file-tree {
-  flex: 1;
-  overflow-y: auto;
-  padding: 10px;
-}
-
-.notes-tree-item {
-  padding: 8px 12px;
-  margin: 2px 0;
-  cursor: pointer;
-  border-radius: 4px;
-  transition: background 0.2s;
-  font-size: 14px;
-  display: flex;
-  align-items: center;
-  gap: 5px;
-}
-
-.notes-tree-item:hover {
-  background: #34495e;
-}
-
-.notes-tree-item.active {
-  background: #3498db;
-}
-
-.notes-tree-toggle {
-  width: 12px;
-  display: inline-block;
-  text-align: center;
-  font-size: 10px;
-}
-
-.notes-tree-icon {
-  font-size: 14px;
-}
-
-.notes-tree-folder {
-  font-weight: 500;
-}
-
-.notes-tree-children {
-  margin-left: 0;
-}
-
-/* Main Content */
-.notes-main {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.notes-header {
-  display: flex;
-  gap: 10px;
-  padding: 15px;
-  background: white;
-  border-bottom: 1px solid #ddd;
-  align-items: center;
-}
-
-.notes-path-input {
-  flex: 1;
-  padding: 10px;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  font-size: 14px;
-}
-
-.notes-actions {
-  display: flex;
-  gap: 8px;
-}
-
-.notes-btn {
-  padding: 8px 16px;
-  border: none;
-  border-radius: 4px;
-  background: #3498db;
-  color: white;
-  cursor: pointer;
-  font-size: 14px;
-  transition: background 0.2s;
-}
-
-.notes-btn:hover {
-  background: #2980b9;
-}
-
-.notes-btn-danger {
-  background: #e74c3c;
-}
-
-.notes-btn-danger:hover {
-  background: #c0392b;
-}
-
-/* Editor and Preview */
-.notes-content {
-  flex: 1;
-  display: flex;
-  overflow: hidden;
-}
-
-.notes-editor,
-.notes-preview {
-  flex: 1;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-.notes-editor-textarea {
-  flex: 1;
-  width: 100%;
-  padding: 20px;
-  border: none;
-  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
-  font-size: 14px;
-  line-height: 1.6;
-  resize: none;
-  outline: none;
-  overflow-y: auto;
-}
-
-.notes-preview {
-  border-left: 1px solid #ddd;
-  background: white;
-}
-
-.notes-preview-content {
-  flex: 1;
-  padding: 20px;
-  overflow-y: auto;
-}
-
-.notes-preview-content img {
-  max-width: 100%;
-  height: auto;
-}
-
-.notes-preview-content video {
-  max-width: 100%;
-  height: auto;
-}
-
-.notes-preview-content pre {
-  background: #f4f4f4;
-  padding: 15px;
-  border-radius: 4px;
-  overflow-x: auto;
-}
-
-.notes-preview-content code {
-  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
-  font-size: 13px;
-}
-
-.notes-preview-content h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-  border-bottom: 2px solid #eee;
-  padding-bottom: 0.3em;
-}
-
-.notes-preview-content h2 {
-  font-size: 1.5em;
-  margin: 0.75em 0;
-  border-bottom: 1px solid #eee;
-  padding-bottom: 0.3em;
-}
-
-.notes-preview-content h3 {
-  font-size: 1.17em;
-  margin: 0.83em 0;
-}
-
-.notes-preview-content p {
-  margin: 1em 0;
-}
-
-.notes-preview-content ul,
-.notes-preview-content ol {
-  margin: 1em 0;
-  padding-left: 2em;
-}
-
-.notes-preview-content blockquote {
-  margin: 1em 0;
-  padding-left: 1em;
-  border-left: 4px solid #ddd;
-  color: #666;
-}
-
-.notes-preview-content a {
-  color: #3498db;
-  text-decoration: none;
-}
-
-.notes-preview-content a:hover {
-  text-decoration: underline;
-}
-
-.notes-preview-content .internal-link {
-  color: #3498db;
-  cursor: pointer;
-  text-decoration: none;
-  border-bottom: 1px dashed #3498db;
-}
-
-.notes-preview-content .internal-link:hover {
-  color: #2980b9;
-  border-bottom: 1px solid #2980b9;
-  text-decoration: none;
-}
-
-/* Dark Mode */
-.notes-dark-mode {
-  background: #1e1e1e;
-  color: #d4d4d4;
-}
-
-.notes-dark-mode .notes-main {
-  background: #1e1e1e;
-}
-
-.notes-dark-mode .notes-header {
-  background: #2d2d30;
-  border-bottom-color: #3e3e42;
-}
-
-.notes-dark-mode .notes-path-input {
-  background: #3e3e42;
-  border-color: #3e3e42;
-  color: #d4d4d4;
-}
-
-.notes-dark-mode .notes-editor-textarea {
-  background: #1e1e1e;
-  color: #d4d4d4;
-}
-
-.notes-dark-mode .notes-preview {
-  background: #1e1e1e;
-  border-left-color: #3e3e42;
-}
-
-.notes-dark-mode .notes-preview-content {
-  color: #d4d4d4;
-}
-
-.notes-dark-mode .notes-preview-content pre {
-  background: #2d2d30;
-}
-
-.notes-dark-mode .notes-preview-content code {
-  background: #2d2d30;
-  color: #d4d4d4;
-}
-
-.notes-dark-mode .notes-preview-content h1,
-.notes-dark-mode .notes-preview-content h2,
-.notes-dark-mode .notes-preview-content h3,
-.notes-dark-mode .notes-preview-content h4,
-.notes-dark-mode .notes-preview-content h5,
-.notes-dark-mode .notes-preview-content h6 {
-  color: #e8e8e8;
-  border-bottom-color: #3e3e42;
-}
-
-.notes-dark-mode .notes-preview-content p,
-.notes-dark-mode .notes-preview-content li {
-  color: #d4d4d4;
-}
-
-.notes-dark-mode .notes-preview-content blockquote {
-  border-left-color: #3e3e42;
-  color: #a0a0a0;
-}
-
-.notes-dark-mode .notes-preview-content a {
-  color: #4db8ff;
-}
-
-.notes-dark-mode .notes-preview-content a:hover {
-  color: #80ccff;
-}
-
-.notes-dark-mode .notes-preview-content .internal-link {
-  color: #4db8ff;
-  border-bottom-color: #4db8ff;
-}
-
-.notes-dark-mode .notes-preview-content .internal-link:hover {
-  color: #80ccff;
-  border-bottom-color: #80ccff;
-}
-
-/* Responsive */
-@media (max-width: 768px) {
-  .notes-sidebar {
-    position: fixed;
-    left: -300px;
-    top: 0;
-    z-index: 1000;
-    height: 100vh;
-    transition: left 0.3s;
-    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);
-  }
-
-  .notes-sidebar.mobile-active {
-    left: 0;
-  }
-
-  .notes-header {
-    flex-wrap: wrap;
-    gap: 5px;
-    padding: 10px;
-  }
-
-  .notes-path-input {
-    font-size: 12px;
-    padding: 8px;
-  }
-
-  .notes-actions {
-    flex-wrap: wrap;
-  }
-
-  .notes-btn {
-    padding: 6px 10px;
-    font-size: 12px;
-  }
-
-  .notes-toolbar {
-    padding: 10px;
-  }
-
-  .notes-toolbar .notes-btn {
-    font-size: 11px;
-    padding: 6px 8px;
-  }
-
-  /* Hide button text on mobile, keep icons */
-  .notes-btn span.btn-text {
-    display: none;
-  }
-
-  /* Adjust editor/preview for mobile */
-  .notes-content {
-    flex-direction: column;
-  }
-
-  .notes-editor,
-  .notes-preview {
-    width: 100% !important;
-  }
-}
-
-@media (max-width: 480px) {
-  .notes-header {
-    padding: 8px;
-  }
-
-  .notes-path-input {
-    font-size: 11px;
-    padding: 6px;
-  }
-
-  .notes-btn {
-    padding: 5px 8px;
-    font-size: 11px;
-  }
-
-  .notes-editor-textarea {
-    padding: 10px;
-    font-size: 13px;
-  }
-
-  .notes-preview-content {
-    padding: 10px;
-    font-size: 14px;
-  }
-}