diff --git a/yaki_admin/package-lock.json b/yaki_admin/package-lock.json
index ea8377001..2068d941a 100644
--- a/yaki_admin/package-lock.json
+++ b/yaki_admin/package-lock.json
@@ -1469,7 +1469,7 @@
"node_modules/@yaki_ui/yaki_ui_web_components": {
"version": "1.0.0",
"resolved": "https://gitpkg.now.sh/XPEHO/yaki_ui/web?feat/web_admin_ui",
- "integrity": "sha512-t4Zgq8yTCdtmEkU76jDHHNqKhkezT4eXxiQgmkjMPKOXJNLE47fOYqIX3W1RESBzMCsIFfGfuksVCaa1QYfz8Q==",
+ "integrity": "sha512-vQjg3gBcmAtx7vIoRRRrtq2oGreRMcXJcpC7JNu1+3eBxND8dDPSUPOBp+FSIE+Rm/apFA9WOefY4DWR6XA3iQ==",
"license": "ISC"
},
"node_modules/abbrev": {
diff --git a/yaki_admin/src/components/ButtonTextIcon.vue b/yaki_admin/src/components/ButtonTextIcon.vue
index 8e5e718ff..37216769c 100644
--- a/yaki_admin/src/components/ButtonTextIcon.vue
+++ b/yaki_admin/src/components/ButtonTextIcon.vue
@@ -12,7 +12,7 @@ const props = defineProps({
const classList = [
"button--general",
- "button--color-delete",
+ "button--color-primary",
"button--sized-content",
"button--height-secondary",
"button--icon-text-style",
diff --git a/yaki_admin/src/components/SideBarMenuDropDown.vue b/yaki_admin/src/components/SideBarMenuDropDown.vue
index e78a47618..a8863da33 100644
--- a/yaki_admin/src/components/SideBarMenuDropDown.vue
+++ b/yaki_admin/src/components/SideBarMenuDropDown.vue
@@ -112,9 +112,9 @@ const props = defineProps({
}
.drop-down__create-team {
- margin-block: 10px;
- padding-block: 16px;
+ margin-block: 4px;
padding-inline-start: 16px;
+ height: 56px;
display: flex;
align-items: center;
@@ -139,7 +139,14 @@ const props = defineProps({
}
&:hover {
- background-color: #fab9a1;
+ background-color: #ff9169;
+ cursor: pointer;
+ color: rgb(238, 237, 237);
+ figure {
+ img {
+ filter: invert(0.9);
+ }
+ }
}
&:active {
diff --git a/yaki_admin/src/features/captain/layouts/CaptainPageContent.vue b/yaki_admin/src/features/captain/layouts/CaptainPageContent.vue
index 45351bbd2..f23d071f1 100644
--- a/yaki_admin/src/features/captain/layouts/CaptainPageContent.vue
+++ b/yaki_admin/src/features/captain/layouts/CaptainPageContent.vue
@@ -22,11 +22,14 @@ onBeforeMount(async () => {
Team description : Coming soon. Teammates :
team description : coming soon
@@ -50,8 +48,8 @@ const onClickDeleteTeam = () => { flex-direction: column; gap: 16px; + padding-block-end: 24px; padding-inline: 40px; - padding-block: 24px 16px; figure { background-color: black; @@ -88,14 +86,5 @@ const onClickDeleteTeam = () => { line-height: 100%; /* 40px */ letter-spacing: -2px; } - - p { - color: #7d818c; - font-family: Rubik; - font-size: 15px; - font-style: normal; - font-weight: 400; - line-height: 150%; - } } diff --git a/yaki_admin/src/global-layouts/PageContentLayout.vue b/yaki_admin/src/global-layouts/PageContentLayout.vue index f3faaaaba..b96430706 100644 --- a/yaki_admin/src/global-layouts/PageContentLayout.vue +++ b/yaki_admin/src/global-layouts/PageContentLayout.vue @@ -8,7 +8,11 @@ diff --git a/yaki_admin/src/global-layouts/PageLayout.vue b/yaki_admin/src/global-layouts/PageLayout.vue index 0ff16b04e..ee7ac1b0b 100644 --- a/yaki_admin/src/global-layouts/PageLayout.vue +++ b/yaki_admin/src/global-layouts/PageLayout.vue @@ -24,7 +24,11 @@ import modalState from "@/features/shared/modal/services/modalState"; height: 100%; } .page-content { - padding: 30px; + display: flex; + flex-direction: column; + padding-block-start: 44px; + background-color: $background-color-theme-primary; + overflow: hidden; }