🚧 unificando estilizações e corrigindo parcialmente o bug

fga-eps-mds · Jan 24, 2025 · a4dff6f · a4dff6f
1 parent ac9982b
commit a4dff6f
Show file tree

Hide file tree

Showing 11 changed files with 51 additions and 109 deletions.
diff --git a/src/app/pages/category-table/category-table.component.css b/src/app/pages/category-table/category-table.component.css
@@ -15,28 +15,6 @@
   max-height: 200vh;
 }
 
-aside {
-  width: 13.2em;
-  background-color: white;
-  padding: 1em 0.75em;
-  box-shadow: 0.125em 0 0.3125em rgba(0,0,0,0.1);
-  text-align: left;
-  position: fixed;
-  height: 100%;
-}
-
-.informacoesUsuario p {
-  margin: 0;
-  font-size: 1.2em;
-}
-
-.linksBarraLateral {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin: 0.75em 0 0.75em 0;
-}
-
 .linkLogout, .linkVoltar {
   color: #0087c8;
   text-decoration: none;

diff --git a/src/app/pages/category-table/category-table.component.html b/src/app/pages/category-table/category-table.component.html
@@ -1,5 +1,6 @@
 <div class="containerPrincipal">
-  <aside>
+  <!--Aside do Dados - Categorias-->
+  <aside class="aside">
     <div class="informacoesUsuario">
       <p>Olá, Admin!</p>
       <div class="linksBarraLateral">

diff --git a/src/app/pages/controle-super-admin/controle-super-admin.component.css b/src/app/pages/controle-super-admin/controle-super-admin.component.css
@@ -3,29 +3,13 @@
   display: flex;
 }
 
-aside {
-  width: 13.2em;
-  background-color: white;
-  padding: 1em 0.75em;
-  box-shadow: 0.125em 0 0.3125em rgba(0, 0, 0, 0.1);
-  text-align: left;
-  position: fixed;
-  height: 100%;
-  margin: 0;
-}
+
 
 .user-info p {
   margin: 0;
   font-size: 1.2em;
 }
 
-.linksBarraLateral {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin: 0.75em 0;
-}
-
 .linkLogout,
 .linkVoltar {
   color: #0087c8;
@@ -54,7 +38,7 @@ nav ul li {
 
 nav ul li a {
   text-decoration: none;
-  color: #1d1d1d;
+  color: white;
   font-size: 1.1em;
 }
 

diff --git a/src/app/pages/controle-super-admin/controle-super-admin.component.html b/src/app/pages/controle-super-admin/controle-super-admin.component.html
@@ -1,5 +1,6 @@
 <div class="home-container">
-  <aside>
+  <!--Aside do Dados - Administração de Usuários-->
+  <aside class="aside">
     <div class="user-info">
       <p>Olá, Admin!</p>
       <div class="linksBarraLateral">

diff --git a/src/app/pages/dashboard-category/dashboard-category.component.css b/src/app/pages/dashboard-category/dashboard-category.component.css
@@ -19,29 +19,6 @@
   flex-direction: column;
 }
 
-aside {
-  width: 13.2em;
-  background-color: white;
-  padding: 1em 0.75em;
-  box-shadow: 0.125em 0 0.3125em rgba(0,0,0,0.1);
-  text-align: left;
-  position: fixed;
-  height: 100%;
-  margin: 0;
-}
-
-.informacoesUsuario p {
-  margin: 0;
-  font-size: 1.2em;
-}
-
-.linksBarraLateral {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin: 0.75em 0;
-}
-
 .linkLogout, .linkVoltar {
   color: #0087c8;
   text-decoration: none;
@@ -68,7 +45,7 @@ nav ul li {
 
 nav ul li a {
   text-decoration: none;
-  color: #1d1d1d;
+  color: black;
   font-size: 1.1em;
 }
 

diff --git a/src/app/pages/dashboard-category/dashboard-category.component.html b/src/app/pages/dashboard-category/dashboard-category.component.html
@@ -1,5 +1,6 @@
 <div class="containerPrincipal">
-    <aside>
+  <!--Aside do Dashboard - Categorias-->
+    <aside class="aside">
       <div class="informacoesUsuario">
         <p>Olá, Admin!</p>
         <div class="linksBarraLateral">

diff --git a/src/app/pages/home-admin/home-admin.component.css b/src/app/pages/home-admin/home-admin.component.css
@@ -4,13 +4,6 @@
   max-height: 200vh;
 }
 
-.linksBarraLateral {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin: 0.75em 0;
-}
-
 @font-face {
   font-family: 'Helvetic';
   src: url('../../../assets/fonts/Helvetica.ttf') format('truetype');
@@ -22,16 +15,6 @@
   font-family: Helvetic, sans-serif;
 }
 
-aside {
-  width: 13.2em;
-  background-color: white;
-  padding: 1em 0.75em;
-  box-shadow: 0.125em 0 0.3125em rgba(0,0,0,0.1);
-  text-align: left;
-  position: fixed;
-  height: 100%;
-}
-
 header h1 {
   font-size: 2.4em;
   color: #00a550;

diff --git a/src/app/pages/home-admin/home-admin.component.html b/src/app/pages/home-admin/home-admin.component.html
@@ -1,5 +1,5 @@
 <div class="home-container">
-  <aside>
+  <aside class="aside">
     <div class="user-info">
       <p>Olá, Admin!</p>
       <div class="linksBarraLateral">

diff --git a/src/app/pages/video-views/video-views.component.css b/src/app/pages/video-views/video-views.component.css
@@ -22,29 +22,6 @@ html, body {
   flex-direction: column;
 }
 
-aside {
-  width: 13.2em;
-  background-color: white;
-  padding: 1em 0.75em;
-  box-shadow: 0.125em 0 0.3125em rgba(0,0,0,0.1);
-  text-align: left;
-  position: fixed;
-  height: 100%;
-  margin: 0;
-}
-
-.informacoesUsuario p {
-  margin: 0;
-  font-size: 1.2em;
-}
-
-.linksBarraLateral {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin: 0.75em 0;
-}
-
 .linkLogout, .linkVoltar {
   color: #0087c8;
   text-decoration: none;

diff --git a/src/app/pages/video-views/video-views.component.html b/src/app/pages/video-views/video-views.component.html
@@ -1,5 +1,6 @@
 <div class="containerPrincipal">
-  <aside>
+  <!-- aside do "Dados -Videos"-->
+  <aside class="aside">
     <div class="informacoesUsuario">
       <p>Olá, Admin!</p>
       <div class="linksBarraLateral">

diff --git a/src/assets/theme/theme.css b/src/assets/theme/theme.css
@@ -28,6 +28,45 @@
 	--footer-text: #cccccc;
 }
 
+/*Estilo da barra aside na tela admin*/
+aside {
+	width: 13.2em;
+	padding: 1em 0.75em;
+	box-shadow: 0.125em 0 0.3125em rgba(0,0,0,0.1);
+	text-align: left;
+	position: fixed;
+	height: 100%;
+	margin: 0;
+	background-color: var(--body)
+  }
+
+.informacoesUsuario p {
+	margin: 0;
+	font-size: 1.2em;
+  }
+
+.linksBarraLateral {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin: 0.75em 0;
+  }
+
+.aside {
+	width: 13.2em;
+	background-color: var(--body);
+	color: var(--text);
+	padding: 1em 0.75em;
+	box-shadow: 0.125em 0 0.3125em rgba(0, 0, 0, 0.1);
+	text-align: left;
+	position: fixed;
+	height: 100%;
+	margin: 0;
+  }
+.dark-theme .aside {
+	color: var(--text-color);
+}
+
 /* Estilos comuns */
 body {
 	background-color: var(--body);