Ajustes de estilo

ericof · ericof · commit 6fbd6c0d6d26 · 2025-08-29T16:11:11.000-03:00
diff --git a/frontend/packages/volto-pythonbrasil-site/src/theme/_variables.scss b/frontend/packages/volto-pythonbrasil-site/src/theme/_variables.scss
@@ -172,6 +172,13 @@ $color-block-change-vertical-spacing: $spacing-large !default;
   }
 }
 
+// Presenter
+@mixin presenterImage() {
+  border-radius: 10%;
+  filter: drop-shadow(3px 3px var(--secondary-color));
+}
+
+// Session
 @mixin cardContainerSessionGrid() {
   border: 1px solid var(--theme-high-contrast-color);
   filter: drop-shadow(2px 2px var(--secondary-color));
diff --git a/frontend/packages/volto-pythonbrasil-site/src/theme/blocks/_listing.scss b/frontend/packages/volto-pythonbrasil-site/src/theme/blocks/_listing.scss
@@ -15,6 +15,15 @@
             }
           }
         }
+        &.presenter-listing {
+          .card .card-inner {
+            .image-wrapper {
+              img {
+                @include presenterImage();
+              }
+            }
+          }
+        }
       }
     }
   }
@@ -24,8 +33,7 @@
     }
     .presenterTile {
       .presenterImage {
-        border-radius: 10%;
-        filter: drop-shadow(2px 2px var(--secondary-color));
+        @include presenterImage();
       }
     }
   }
diff --git a/frontend/packages/volto-pythonbrasil-site/src/theme/components/_breadcrumbs.scss b/frontend/packages/volto-pythonbrasil-site/src/theme/components/_breadcrumbs.scss
@@ -6,8 +6,8 @@ body #main {
     }
     .breadcrumb {
       max-width: var(--default-container-width);
-      margin-right: 5px;
-      margin-left: 5px;
+      margin-right: auto;
+      margin-left: auto;
       text-transform: uppercase;
       .section {
         @include add(size, s);
diff --git a/frontend/packages/volto-pythonbrasil-site/src/theme/components/_header.scss b/frontend/packages/volto-pythonbrasil-site/src/theme/components/_header.scss
@@ -33,6 +33,11 @@ body header.header-wrapper {
       padding-top: 0;
       padding-bottom: 0;
     }
+    .navigation {
+      .item {
+        @include add(size, l);
+      }
+    }
     // Mobile Navigation
     .mobile-nav {
       div.menu-drawer {
diff --git a/frontend/packages/volto-pythonbrasil-site/src/theme/components/_presenter_view.scss b/frontend/packages/volto-pythonbrasil-site/src/theme/components/_presenter_view.scss
@@ -6,8 +6,7 @@
       gap: $spacing-medium;
       .image-wrapper {
         img {
-          border-radius: 10%;
-          filter: drop-shadow(2px 2px var(--secondary-color));
+          @include presenterImage();
         }
       }
       .presenterDescription {
diff --git a/frontend/packages/volto-pythonbrasil-site/src/theme/components/_session_view.scss b/frontend/packages/volto-pythonbrasil-site/src/theme/components/_session_view.scss
@@ -7,6 +7,11 @@
   }
   .sessionPresenters {
     .presenterTile {
+      .imgWrapper {
+        .presenterImage {
+          @include presenterImage();
+        }
+      }
       .presenterTitle {
         .title {
           --secondary-foreground-color: var(--secondary-color);

Original file line number	Diff line number	Diff line change
`@@ -172,6 +172,13 @@ $color-block-change-vertical-spacing: $spacing-large !default;`
`172`	`172`	`}`
`173`	`173`	`}`
`174`	`174`
	`175`	`+// Presenter`
	`176`	`+@mixin presenterImage() {`
	`177`	`+ border-radius: 10%;`
	`178`	`+ filter: drop-shadow(3px 3px var(--secondary-color));`
	`179`	`+}`
	`180`	`+`
	`181`	`+// Session`
`175`	`182`	`@mixin cardContainerSessionGrid() {`
`176`	`183`	`border: 1px solid var(--theme-high-contrast-color);`
`177`	`184`	`filter: drop-shadow(2px 2px var(--secondary-color));`
Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,15 @@`
`15`	`15`	`}`
`16`	`16`	`}`
`17`	`17`	`}`
	`18`	`+ &.presenter-listing {`
	`19`	`+ .card .card-inner {`
	`20`	`+ .image-wrapper {`
	`21`	`+ img {`
	`22`	`+ @include presenterImage();`
	`23`	`+ }`
	`24`	`+ }`
	`25`	`+ }`
	`26`	`+ }`
`18`	`27`	`}`
`19`	`28`	`}`
`20`	`29`	`}`
`@@ -24,8 +33,7 @@`
`24`	`33`	`}`
`25`	`34`	`.presenterTile {`
`26`	`35`	`.presenterImage {`
`27`		`- border-radius: 10%;`
`28`		`- filter: drop-shadow(2px 2px var(--secondary-color));`
	`36`	`+ @include presenterImage();`
`29`	`37`	`}`
`30`	`38`	`}`
`31`	`39`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,8 +6,7 @@`
`6`	`6`	`gap: $spacing-medium;`
`7`	`7`	`.image-wrapper {`
`8`	`8`	`img {`
`9`		`- border-radius: 10%;`
`10`		`- filter: drop-shadow(2px 2px var(--secondary-color));`
	`9`	`+ @include presenterImage();`
`11`	`10`	`}`
`12`	`11`	`}`
`13`	`12`	`.presenterDescription {`