From 3c0b165db96f4cbbff9659dc884ba4fd58eaaaca Mon Sep 17 00:00:00 2001
From: luce <lucy@cirno.systems>
Date: Fri, 12 Sep 2025 16:08:52 +0200
Subject: [PATCH] opacity thingy wip for hj

---
 src/components/settings_modal/admin_tabs/admin_card.scss | 4 ++++
 src/components/settings_modal/admin_tabs/admin_card.vue  | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/settings_modal/admin_tabs/admin_card.scss b/src/components/settings_modal/admin_tabs/admin_card.scss
index dddfad29f..b82fb06d7 100644
--- a/src/components/settings_modal/admin_tabs/admin_card.scss
+++ b/src/components/settings_modal/admin_tabs/admin_card.scss
@@ -13,3 +13,7 @@
   display: inline-block;
   vertical-align: baseline;
 }
+
+.modalfix::before {
+  opacity: 1.0;
+}
diff --git a/src/components/settings_modal/admin_tabs/admin_card.vue b/src/components/settings_modal/admin_tabs/admin_card.vue
index 37e00a1be..d2b62254d 100644
--- a/src/components/settings_modal/admin_tabs/admin_card.vue
+++ b/src/components/settings_modal/admin_tabs/admin_card.vue
@@ -207,10 +207,11 @@
         v-if="detailsExpanded"
       >
         <Modal
+          class="settings-modal"
           :no-background="false"
           @backdrop-clicked="() => { detailsExpanded = false }"
         >
-          <div style="background-color: rgb(80 80 80 / 100%); width: 80%; height: 60%; overflow-y: auto;">
+        <div class="settings-modal-panel panel" style="width: 80%; height: 60%; overflow-y: auto;">
             <ul class="setting-list" style="columns: 2;">
               <li>
                 {{ $t('admin_dash.users.details.id') }}
@@ -622,6 +623,7 @@
 
 <script src="./admin_card.js"></script>
 <style lang="scss" src="./admin_card.scss"></style>
+<style lang="scss" src="../settings_modal.scss"></style>
 <!--<style lang="scss">
 .admin-card-content-container {
   margin-top: 0.5em;