release(v1.9.8): feat(pro): wire core to Pro licensing + branding hooks

2025-11-16 21:11:06 -05:00
parent 9880adb417
commit 060a548af4
9 changed files with 1308 additions and 106 deletions
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -67,17 +67,129 @@ body{letter-spacing: 0.2px;
    font-size: 34px !important;
    color: red !important;
    transform: translateY(-3px) !important;}
-.header-container{display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 100%;
-    height: 55px;
-    padding: 10px 20px;
-    background-color: #2196F3;
-    transition: background-color 0.3s ease;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
-.dark-mode .header-container{background-color: #1f1f1f;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);}
+    .header-container{
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: 100%;
+      height: 55px;
+      padding: 10px 20px;
+      background-color: var(--header-bg-light, #2196F3);
+      transition: background-color 0.3s ease;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  }
+  .dark-mode .header-container{
+      background-color: var(--header-bg-dark, #1f1f1f);
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
+  }
+
+  .admin-core-badge,
+.admin-pro-badge {
+  font-size: 12px;
+  padding: 2px 6px;
+  vertical-align: middle;
+  position: relative;
+  top: -1px;
+  margin-left: 6px;
+}
+
+  #adminPanelModal .section-content .pro-card {
+    margin: 8px 10px;
+    border-radius: 12px;
+  }
+  #adminPanelModal .section-content {
+    margin: 0px 10px;
+  }
+  .pro-license-meta {
+    margin-top: 6px;
+    padding: 6px 10px;
+    border-radius: 6px;
+    font-size: 11px;
+    font-weight: 500;
+    background-color: rgba(40, 167, 69, 0.08); /* light green tint */
+    border: 1px solid rgba(40, 167, 69, 0.4);
+    color: #2e7d32;
+  }
+  
+  .pro-license-meta div + div {
+    margin-top: 2px;
+  }
+  
+  /* Dark mode tweak so it doesn't glow too bright */
+  .dark-mode .pro-license-meta {
+    background-color: rgba(40, 167, 69, 0.18);
+    border-color: rgba(40, 167, 69, 0.6);
+    color: #c8e6c9;
+  }
+  /* FileRise Pro button styling (admin) */
+.btn-pro-admin {
+  background: linear-gradient(135deg, #ff9800, #ff5722);
+  border-color: #ff9800;
+  color: #1b0f00 !important;
+  font-weight: 600;
+  box-shadow: 0 0 10px rgba(255, 152, 0, 0.4);
+}
+
+.btn-pro-admin:hover {
+  filter: brightness(1.05);
+}
+
+    /* User management action bar */
+    .admin-user-actions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      margin-top: 4px;
+    }
+    .admin-user-actions .btn {
+      border-radius: 999px;
+      font-size: 12px;
+      padding: 6px 12px;
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+    }
+    .admin-user-actions .btn .material-icons {
+      font-size: 16px;
+      line-height: 1;
+    }
+
+  /* ---------- Pro buttons + pill ---------- */
+  .admin-user-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin-bottom: 6px;
+  }
+
+  .btn-pro-wrapper {
+    position: relative;
+    display: inline-block;
+  }
+  .btn-pro-admin:disabled {
+    opacity: 0.9;
+  }
+
+
+  .btn-pro-pill {
+    position: absolute;
+    top: -7px;
+    right: -4px;
+    font-size: 10px;
+    line-height: 1.2;
+    padding: 2px 6px;
+    border-radius: 999px;
+    background: #ffc107;
+    color: black;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+    pointer-events: none;
+    white-space: nowrap;
+    font-weight: 600;
+  }
+  #userManagementContent {
+    margin-top: 10px !important;
+  }
+
 #darkModeIcon{color: #fff;}
 .header-logo{max-height: 50px;
    width: auto;