42/42_INT_14_transcendence
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

back to working on ProfileUser CSS

Browse Source
This commit is contained in:
Me
2023-01-17 16:35:17 +01:00
parent 2ac1d4c1bb
commit 053c630a95
3 changed files with 21 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
srcs/requirements/svelte/api_front/src/pages/profile/ProfileUsers.svelte
View File

@@ -330,7 +330,7 @@
<div class="sidebar-list">
<Tabs items={tabItems} activeItem={activeTabItem} size="medium" on:tabChange={switchTab}/>
{#if activeTabItem === 'All Users' && allUsers}
<h3>{activeTabItem}</h3>
<!-- <h3>{activeTabItem}</h3> -->
{#if Object.keys(allUsers).length === 0}
<div class="tip">You are alone on this platform...</div>
{/if}
@@ -355,7 +355,7 @@
<br>
{/each}
{:else if activeTabItem === 'My Friends' && myFriendships}
<h3>{activeTabItem}</h3>
<!-- <h3>{activeTabItem}</h3> -->
{#if Object.keys(myFriendships).length === 0}
<div class="tip">You don't have any Friends... Yet!</div>
{/if}
@@ -380,7 +380,7 @@
<br>
{/each}
{:else if activeTabItem === 'Friend Requests' && requestsRecieved}
<h3>{activeTabItem}</h3>
<!-- <h3>{activeTabItem}</h3> -->
{#if Object.keys(requestsRecieved).length === 0}
<div class="tip">You don't have any Friend Requests</div>
{/if}
@@ -397,8 +397,7 @@
<br>
{/each}
{:else if activeTabItem === 'Blocked Users' && blockedUsers}
<h3>{activeTabItem}</h3>
<!-- seems a little excessive... maybe a lighter way of doing this? doesn't seem like it, i hate it but at least only happens sometimes.default... -->
<!-- <h3>{activeTabItem}</h3> -->
{#if Object.keys(blockedUsers).length === 0}
<div class="tip">You have not Blocked any Users</div>
{/if}
@@ -421,7 +420,8 @@
<!-- This next bit needs to all be in a window thing above the whatever -->
{#if showModal && usernameBeingViewed}
<div class="main-display box backdrop" use:clickOutside on:outclick={() => unViewAUser()}>
<div class="backdrop"></div>
<div class="main-display box" use:clickOutside on:outclick={() => unViewAUser()}>
<!-- {#if usernameBeingViewed} -->
<DisplayAUser aUsername={usernameBeingViewed} bind:loaded={loadedUser}/>
@@ -502,7 +502,7 @@
div.sidebar-list{
/* grid-column: 1 / span 2; */
grid-column: 3 / span 4;
/* grid-column: 3 / span 4; */
background: #FB8B24;
padding: 1vw;
font-size: smaller;
@@ -514,6 +514,7 @@
border-right: 4px solid #071013;
border-bottom: 4px solid #071013;
overflow-wrap: break-word;
text-align: center;
}
@@ -521,6 +522,7 @@
/* yea i mean that seems fine... */
display: inline-block;
text-align: center;
/* somehting about the buttons too, smaller ? */
}
div.status{
@@ -558,6 +560,14 @@
width: 60px;
}
div.user {
/* left: 50%;
display: inline-block;
-ms-transform: translateX(-50%);
transform: translateY(-50%); */
}
/* Modal Stuff */
.box {