Techsystech
/
web_techsystech
forked from Techsystech/web
3
0
Fork 0
Code Pull Requests Activity

quick website hack

17.0
Brenden Eshbach 2025-01-03 20:29:05 -06:00
parent dfcd027ba5
commit 5240ce6a3b
5 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web_responsive/static/src/components/apps_menu/apps_menu.scss
View File

@ -14,7 +14,7 @@
} }
.o_grid_apps_menu[data-theme="community"] { .o_grid_apps_menu[data-theme="community"] {
--app-menu-background: url("../../img/home-menu-bg-overlay.svg"), --app-menu-background: url("../../img/background-dark.jpg"),
linear-gradient( linear-gradient(
to bottom, to bottom,
#{$o-brand-primary}, #{$o-brand-primary},

19
web_responsive/static/src/components/apps_menu_item/apps_menu_item.scss
View File

@ -13,7 +13,7 @@
.o_grid_apps_menu[data-theme="community"] { .o_grid_apps_menu[data-theme="community"] {
--app-menu-text-color: white; --app-menu-text-color: white;
--app-menu-text-shadow: 1px 1px 1px #{rgba(black, 0.4)}; --app-menu-text-shadow: 1px 1px 1px #{rgba(black, 0.4)};
--app-menu-hover-background: #{rgba(white, 0.2)}; // --app-menu-hover-background: #{rgba(white, 0.7)};
} }
} }
@ -23,6 +23,7 @@
border-radius: 4px; border-radius: 4px;
gap: 0.25rem; gap: 0.25rem;
transition: ease box-shadow, transform, 0.3s; transition: ease box-shadow, transform, 0.3s;
background: unset; background: unset;
outline: unset; outline: unset;
border: unset; border: unset;
@ -46,13 +47,17 @@
} }
&__icon { &__icon {
height: auto; width: 70px;
max-width: 64px; // height: auto;
width: 64px; // max-width: 64px;
// width: 64px;
aspect-ratio: 1; aspect-ratio: 1;
padding: 10px; padding: 10px;
background-color: white; background-color: rgba(255, 255, 255, 0.05);
box-shadow: $app-menu-box-shadow; object-fit: cover;
transform-origin: center bottom;
transition: box-shadow ease-in 0.1s, transform ease-in 0.1s;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
} }
&__active { &__active {
@ -67,7 +72,7 @@
&:hover { &:hover {
transform: translateY(-4px); transform: translateY(-4px);
box-shadow: 0 6px 12px -8px transparentize($app-menu-text-color, 0.6); box-shadow: 0 6px 12px -8px transparentize($app-menu-text-color, 0.6);
background-color: var(--app-menu-hover-background) !important; // background-color: var(--app-menu-hover-background) !important;
backdrop-filter: blur(2px); backdrop-filter: blur(2px);
} }
} }

6
web_responsive/static/src/components/menu_canonical_searchbar/searchbar.scss
View File

@ -10,8 +10,8 @@
} }
.o_grid_apps_menu[data-theme="community"] { .o_grid_apps_menu[data-theme="community"] {
--apps-menu-scrollbar-background: white; --apps-menu-scrollbar-background: rgba(255, 255, 255, 0.445);
--apps-menu-empty-search-color: white; --apps-menu-empty-search-color: rgba(255, 255, 255, 0.466);
} }
} }
@ -64,7 +64,7 @@
background-size: contain; background-size: contain;
white-space: normal; white-space: normal;
font-weight: 100; font-weight: 100;
background-color: white; background-color: rgba(255, 255, 255, 0.397);
box-shadow: $app-menu-box-shadow; box-shadow: $app-menu-box-shadow;
margin: 0 4px; margin: 0 4px;
border-radius: 4px; border-radius: 4px;

8
web_responsive/static/src/components/menu_searchbar/searchbar.scss
View File

@ -13,10 +13,10 @@
box-shadow: $app-menu-box-shadow; box-shadow: $app-menu-box-shadow;
border-radius: 4px; border-radius: 4px;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
background-color: white; // background-color: rgba(255, 255, 255, 0.523);
.search-icon { .search-icon {
color: $app-menu-text-color; color: #fff;
font-size: 1.5rem; font-size: 1.5rem;
padding-top: 1px; padding-top: 1px;
} }
@ -25,13 +25,13 @@
height: 1.75rem; height: 1.75rem;
background: none; background: none;
border: none; border: none;
color: $app-menu-text-color; color: #fff;
display: block; display: block;
padding: 0; padding: 0;
box-shadow: none; box-shadow: none;
&::placeholder { &::placeholder {
color: $app-menu-text-color; color: #fff;
opacity: 0.5; opacity: 0.5;
} }
} }

BIN
web_responsive/static/src/img/background-dark.jpg 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.5 KiB