dan/Nertivia-Client
1
0
Fork 0
mirror of https://github.com/danbulant/Nertivia-Client synced 2026-07-06 03:20:55 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

added cursor: pointer to some places.

Browse source
This commit is contained in:
supertiger1234 2019-09-01 15:35:54 +01:00
parent a0f4f72319
commit a3eb9edae7
2 changed files with 27 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/app/ServerTemplate/ServerTemplate.vue
View file

@ -185,6 +185,7 @@ export default {
position: relative; position: relative;
align-items: center; align-items: center;
padding: 5px; padding: 5px;
cursor: pointer;
} }
.server-name { .server-name {

31
src/components/app/Tabs/Explore/serverTemplate.vue
View file

@ -9,11 +9,14 @@
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="description">{{server.description}}</div> <div class="description">{{server.description}}</div>
<div class="button" :class="{selected: joined}" @click="joinButton"> <div class="buttons">
<span v-if="joined">Joined</span> <div class="verified" v-if="server.verified"><div class="material-icons">check</div> Verified</div>
<spinner v-else-if="joinClicked" :size="30"/> <div class="button" :class="{selected: joined}" @click="joinButton">
<span v-else-if="!joinClicked">Join Server</span> <span v-if="joined">Joined</span>
</div> <spinner v-else-if="joinClicked" :size="30"/>
<span v-else-if="!joinClicked">Join Server</span>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -113,6 +116,24 @@ export default {
word-break: break-word; word-break: break-word;
white-space: pre-wrap; white-space: pre-wrap;
overflow-wrap: anywhere; overflow-wrap: anywhere;
flex-shrink: 0;
}
.buttons {
display: flex;
width: 100%;
justify-content: flex-end;
}
.verified {
display: flex;
width: 100%;
margin-left: 10px;
align-content: center;
align-items: center;
align-self: center;
margin-bottom: 5px;
.material-icons {
margin-right: 5px;
}
} }
.button { .button {
display: flex; display: flex;