boursecu/boursecu_user
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix for circular logo background

Browse Source
This commit is contained in:
safavimohadeseh78
2026-05-23 13:31:08 +03:30
parent 53b89306f5
commit 246b1fc664
1 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/base/index.vue
+13 -10
View File
@@ -227,17 +227,20 @@ function setRoute(val: string) {
.main_in { .main_in {
width: 70px; width: 70px;
aspect-ratio: 1 / 1; height: 70px;
flex-shrink: 0;
align-self: center;
.circle_in { .circle_in {
margin-top: -10px; margin-top: -10px;
border-radius: 100%; border-radius: 50%;
height: 100%; width: 70px;
width: 100%; height: 70px;
flex-shrink: 0;
z-index: 20; z-index: 20;
display: flex; display: flex;
//border: 1px dashed primary;
justify-content: center; justify-content: center;
align-items: center;
align-content: center; align-content: center;
flex-wrap: wrap; flex-wrap: wrap;
background-color: @App-primary-color; background-color: @App-primary-color;
@@ -245,10 +248,10 @@ function setRoute(val: string) {
.circle_into { .circle_into {
overflow: hidden; overflow: hidden;
@apply bg-primary; @apply bg-primary;
border-radius: 100%; border-radius: 50%;
width: 56px; width: 56px;
height: 56px; height: 56px;
aspect-ratio: 1 / 1; flex-shrink: 0;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-content: center; align-content: center;
@@ -280,9 +283,9 @@ function setRoute(val: string) {
position: relative; position: relative;
.circle { .circle {
border-radius: 100%; border-radius: 50%;
height: 100%; height: 70px;
width: 100%; width: 70px;
z-index: 20; z-index: 20;
//border: 1px dashed primary; //border: 1px dashed primary;
box-shadow: 0px -5px 4px -2px #0000001A; box-shadow: 0px -5px 4px -2px #0000001A;