dan/Nertivia-Client
1
0
Fork 0
mirror of https://github.com/danbulant/Nertivia-Client synced 2026-06-24 09:01:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed more problems

Browse source
This commit is contained in:
unknown 2019-12-12 13:10:34 +00:00
parent d1fcba0fea
commit cda2dc953e
32 changed files with 47 additions and 98 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/app/MainNav.vue
View file

@ -103,7 +103,7 @@ export default {
}; };
}, },
methods: { methods: {
async onEnd(event) { async onEnd() {
this.drag = false; this.drag = false;
const serverIDArr = this.serversArr.map(s => s.server_id); const serverIDArr = this.serversArr.map(s => s.server_id);
await settingsService.setServerPositions(serverIDArr); await settingsService.setServerPositions(serverIDArr);
@ -152,7 +152,6 @@ export default {
this.toolTipShown = true; this.toolTipShown = true;
this.$nextTick(() => { this.$nextTick(() => {
const width = window.innerWidth;
const tooltipWidth = this.$refs.toolTip.clientWidth; const tooltipWidth = this.$refs.toolTip.clientWidth;
const rect = event.target.getBoundingClientRect(); const rect = event.target.getBoundingClientRect();
this.toolTipLeftPosition = rect.left - tooltipWidth / 2 + 25; this.toolTipLeftPosition = rect.left - tooltipWidth / 2 + 25;

5
src/components/app/MessagePanel.vue
View file

@ -354,7 +354,7 @@ export default {
this.$store.dispatch("setEditMessage", null); this.$store.dispatch("setEditMessage", null);
this.message = ""; this.message = "";
const { ok, error, result } = await messagesService.update( const { ok } = await messagesService.update(
editMessage.messageID, editMessage.messageID,
editMessage.channelID, editMessage.channelID,
{ {
@ -419,7 +419,6 @@ export default {
} }
}, },
ReturnWord(text, caretPos) { ReturnWord(text, caretPos) {
var index = text.indexOf(caretPos);
var preText = text.substring(0, caretPos); var preText = text.substring(0, caretPos);
if (preText.indexOf(" ") > 0) { if (preText.indexOf(" ") > 0) {
var words = preText.split(" "); var words = preText.split(" ");
@ -590,7 +589,7 @@ export default {
} }
} }
}, },
async onFocus(event) { async onFocus() {
if (this.message.trim() !== "") { if (this.message.trim() !== "") {
await typingService.post(this.selectedChannelID); await typingService.post(this.selectedChannelID);
this.postTimer(); this.postTimer();

3
src/components/app/MessageTemplate.vue
View file

@ -136,7 +136,6 @@ import path from "path";
import windowProperties from "@/utils/windowProperties"; import windowProperties from "@/utils/windowProperties";
import { mapState } from "vuex"; import { mapState } from "vuex";
import messagesService from "../../services/messagesService";
export default { export default {
props: [ props: [
@ -247,7 +246,7 @@ export default {
imageTag.style.height = imageTag.style.height =
this.clamp(newDimentions.height, 0, srcHeight) + "px"; this.clamp(newDimentions.height, 0, srcHeight) + "px";
}, },
onResize(dimentions) { onResize() {
this.imageSize(); this.imageSize();
} }
}, },

2
src/components/app/Navigation.vue
View file

@ -76,7 +76,7 @@ export default {
}; };
}, },
methods: { methods: {
async onEnd(event) { async onEnd() {
this.drag = false; this.drag = false;
const serverIDArr = this.serversArr.map(s => s.server_id); const serverIDArr = this.serversArr.map(s => s.server_id);
await settingsService.setServerPositions(serverIDArr); await settingsService.setServerPositions(serverIDArr);

2
src/components/app/Popouts/Popouts/AddFriend.vue
View file

@ -56,7 +56,7 @@ export default {
this.closeMenu(); this.closeMenu();
} }
}, },
async addButton(e) { async addButton() {
if (this.requestSent) return; if (this.requestSent) return;
this.error = null; this.error = null;
this.success = null; this.success = null;

14
src/components/app/Popouts/Popouts/AddServer.vue
View file

@ -104,10 +104,9 @@
<script> <script>
import config from "@/config.js"; import config from "@/config.js";
import { bus } from "@/main";
import ServerService from "@/services/ServerService"; import ServerService from "@/services/ServerService";
import ProfilePicture from "@/components/ProfilePictureTemplate.vue"; import ProfilePicture from "@/components/ProfilePictureTemplate.vue";
import serversModule from "../../../../store/modules/serversModule";
import ErrorsListTemplate from "@/components/app/errorsListTemplate"; import ErrorsListTemplate from "@/components/app/errorsListTemplate";
export default { export default {
@ -157,7 +156,7 @@ export default {
return; return;
} }
event.target.classList.add("button-clicked"); event.target.classList.add("button-clicked");
const { ok, error, result } = await ServerService.post({ name }); const { ok, error } = await ServerService.post({ name });
if (ok) { if (ok) {
this.closeMenu(); this.closeMenu();
} else { } else {
@ -197,12 +196,9 @@ export default {
async joinButton(event) { async joinButton(event) {
if (event.target.classList.contains("button-clicked")) return; if (event.target.classList.contains("button-clicked")) return;
event.target.classList.add("button-clicked"); event.target.classList.add("button-clicked");
const { ok, error, result } = await ServerService.joinServer( const { ok } = await ServerService.joinServer(this.inviteCode, {
this.inviteCode, socketID: this.$socket.client.id
{ });
socketID: this.$socket.client.id
}
);
if (ok) { if (ok) {
this.closeMenu(); this.closeMenu();
} }

7
src/components/app/Popouts/Popouts/AdminEditorPopout.vue
View file

@ -36,9 +36,6 @@ import "codemirror/theme/base16-dark.css";
import "codemirror/lib/codemirror.css"; import "codemirror/lib/codemirror.css";
import { codemirror } from "vue-codemirror"; import { codemirror } from "vue-codemirror";
import config from "@/config.js";
import { bus } from "@/main";
import Spinner from "@/components/Spinner.vue";
import AdminService from "@/services/adminService"; import AdminService from "@/services/adminService";
export default { export default {
@ -91,9 +88,7 @@ export default {
} }
}, },
async mounted() { async mounted() {
const { ok, result, error } = await AdminService.fetchTheme( const { ok, result } = await AdminService.fetchTheme(this.popoutDetails.id);
this.popoutDetails.id
);
if (ok) { if (ok) {
this.cmOptions.orig = result.data.css; this.cmOptions.orig = result.data.css;
this.cmOptions.value = result.data.updatedCss; this.cmOptions.value = result.data.updatedCss;

7
src/components/app/Popouts/Popouts/ServerContextMenu.vue
View file

@ -11,7 +11,6 @@
</template> </template>
<script> <script>
import messagesService from "@/services/messagesService";
import ServerService from "../../../../services/ServerService"; import ServerService from "../../../../services/ServerService";
export default { export default {
data() { data() {
@ -41,7 +40,7 @@ export default {
serverID: this.contextDetails.serverID serverID: this.contextDetails.serverID
}); });
}, },
createInvite(serverID) { createInvite() {
this.closeMenu(); this.closeMenu();
this.$store.dispatch("setPopoutVisibility", { this.$store.dispatch("setPopoutVisibility", {
name: "showServerInviteMenu", name: "showServerInviteMenu",
@ -50,9 +49,7 @@ export default {
}, },
async leaveServer() { async leaveServer() {
this.closeMenu(); this.closeMenu();
const { ok, error, result } = await ServerService.leaveServer( await ServerService.leaveServer(this.contextDetails.serverID);
this.contextDetails.serverID
);
} }
}, },
mounted() { mounted() {

8
src/components/app/Popouts/Popouts/ServerInvitePopout.vue
View file

@ -26,8 +26,6 @@
</template> </template>
<script> <script>
import config from "@/config.js";
import { bus } from "@/main";
import Spinner from "@/components/Spinner.vue"; import Spinner from "@/components/Spinner.vue";
import ServerService from "@/services/ServerService"; import ServerService from "@/services/ServerService";
@ -40,7 +38,7 @@ export default {
}, },
async mounted() { async mounted() {
// get invites created by you // get invites created by you
const { ok, error, result } = await ServerService.getInvites(this.serverID); const { ok, result } = await ServerService.getInvites(this.serverID);
if (ok) { if (ok) {
let invites = []; let invites = [];
for (let invite of result.data) { for (let invite of result.data) {
@ -66,9 +64,7 @@ export default {
console.log("Server ID is not defined"); console.log("Server ID is not defined");
return; return;
} }
const { ok, error, result } = await ServerService.postInvite( const { ok, result } = await ServerService.postInvite(this.serverID);
this.serverID
);
if (ok) { if (ok) {
this.invites.push(result.data.invite_code); this.invites.push(result.data.invite_code);
} }

13
src/components/app/Popouts/Popouts/ServerMemberContext.vue
View file

@ -11,7 +11,6 @@
</template> </template>
<script> <script>
import messagesService from "@/services/messagesService";
import ServerService from "../../../../services/ServerService"; import ServerService from "../../../../services/ServerService";
export default { export default {
data() { data() {
@ -26,7 +25,7 @@ export default {
y: null y: null
}); });
}, },
outsideClick(event) { outsideClick() {
this.closeMenu(); this.closeMenu();
}, },
viewProfile() { viewProfile() {
@ -51,19 +50,13 @@ export default {
const serverID = this.contextDetails.serverID; const serverID = this.contextDetails.serverID;
const uniqueID = this.contextDetails.uniqueID; const uniqueID = this.contextDetails.uniqueID;
this.closeMenu(); this.closeMenu();
const { ok, error, result } = await ServerService.kickMember( await ServerService.kickMember(serverID, uniqueID);
serverID,
uniqueID
);
}, },
async banMember() { async banMember() {
const serverID = this.contextDetails.serverID; const serverID = this.contextDetails.serverID;
const uniqueID = this.contextDetails.uniqueID; const uniqueID = this.contextDetails.uniqueID;
this.closeMenu(); this.closeMenu();
const { ok, error, result } = await ServerService.banMember( await ServerService.banMember(serverID, uniqueID);
serverID,
uniqueID
);
}, },
setPosition() { setPosition() {
const y = this.contextDetails.y; const y = this.contextDetails.y;

8
src/components/app/Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue
View file

@ -11,11 +11,7 @@
</template> </template>
<script> <script>
import config from "@/config.js";
import { bus } from "@/main";
import ServerService from "@/services/ServerService"; import ServerService from "@/services/ServerService";
import { mapState } from "vuex";
export default { export default {
components: {}, components: {},
data() { data() {
@ -28,9 +24,7 @@ export default {
if (!this.confirmed) { if (!this.confirmed) {
return (this.confirmed = true); return (this.confirmed = true);
} }
const { ok, error, result } = await ServerService.leaveServer( const { ok } = await ServerService.leaveServer(this.server.server_id);
this.server.server_id
);
if (ok) { if (ok) {
this.$store.dispatch("setServerSettings", { serverID: null }); this.$store.dispatch("setServerSettings", { serverID: null });
} }

6
src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue
View file

@ -76,12 +76,10 @@
<script> <script>
import config from "@/config.js"; import config from "@/config.js";
import { bus } from "@/main";
import ProfilePicture from "@/components/ProfilePictureTemplate.vue"; import ProfilePicture from "@/components/ProfilePictureTemplate.vue";
import ErrorsListTemplate from "@/components/app/errorsListTemplate"; import ErrorsListTemplate from "@/components/app/errorsListTemplate";
import ServerService from "@/services/ServerService"; import ServerService from "@/services/ServerService";
import DropDown from "./DropDownMenu"; import DropDown from "./DropDownMenu";
import { mapState } from "vuex";
import path from "path"; import path from "path";
export default { export default {
@ -107,7 +105,7 @@ export default {
async updateServer() { async updateServer() {
if (this.requestSent) return; if (this.requestSent) return;
this.requestSent = true; this.requestSent = true;
const { ok, error, result } = await ServerService.updateServer( const { ok, error } = await ServerService.updateServer(
this.server.server_id, this.server.server_id,
this.update this.update
); );
@ -127,7 +125,7 @@ export default {
this.requestSent = false; this.requestSent = false;
}, },
//type: avatar || banner //type: avatar || banner
imageChangeEvent(type, e) { imageChangeEvent(type) {
if (!this.googleDriveLinked) { if (!this.googleDriveLinked) {
event.target.value = ""; event.target.value = "";
return this.$store.dispatch("setPopoutVisibility", { return this.$store.dispatch("setPopoutVisibility", {

2
src/components/app/Popouts/Popouts/Settings.vue
View file

@ -32,8 +32,6 @@
</template> </template>
<script> <script>
import { bus } from "@/main";
import { isMobile } from "@/utils/Mobile"; import { isMobile } from "@/utils/Mobile";
import isElectron from "@/utils/ElectronJS/isElectron"; import isElectron from "@/utils/ElectronJS/isElectron";

2
src/components/app/Popouts/Popouts/SettingsPanels/EditProfile.vue
View file

@ -155,7 +155,7 @@ export default {
if (this.requestSent) return; if (this.requestSent) return;
this.errors = null; this.errors = null;
this.requestSent = true; this.requestSent = true;
const { ok, result, error } = await userService.update(this.update); const { ok, error } = await userService.update(this.update);
if (!ok) { if (!ok) {
if (error.response === undefined) { if (error.response === undefined) {
this.errors = { message: "Cant connect to server" }; this.errors = { message: "Cant connect to server" };

4
src/components/app/Popouts/Popouts/SettingsPanels/Notifications.vue
View file

@ -22,10 +22,6 @@
</template> </template>
<script> <script>
import config from "@/config.js";
import SettingsService from "@/services/settingsService.js";
export default { export default {
data() { data() {
return { return {

4
src/components/app/Popouts/Popouts/SettingsPanels/appSettings.vue
View file

@ -18,8 +18,6 @@
</template> </template>
<script> <script>
import isElectron from "@/utils/ElectronJS/isElectron";
import config from "@/config.js";
const { ipcRenderer, remote } = window.require("electron"); const { ipcRenderer, remote } = window.require("electron");
const Store = remote.require("electron-store"); const Store = remote.require("electron-store");
const store = new Store(); const store = new Store();
@ -87,8 +85,6 @@ export default {
.checkbox-box:hover { .checkbox-box:hover {
background: rgba(88, 88, 88, 0.94); background: rgba(88, 88, 88, 0.94);
} }
.checkbox-name {
}
.message-example { .message-example {
padding: 10px; padding: 10px;

2
src/components/app/Popouts/Popouts/SettingsPanels/survey.vue
View file

@ -135,7 +135,7 @@ export default {
return; return;
} }
const { ok, error, result } = await userService.setSurvey(this.items); const { ok, error } = await userService.setSurvey(this.items);
if (ok) { if (ok) {
this.surveyValidMessage = "Saved!"; this.surveyValidMessage = "Saved!";
} else { } else {

3
src/components/app/ServerList.vue
View file

@ -41,7 +41,6 @@ import MyMiniInformation from "@/components/app/MyMiniInformation.vue";
import ChannelsList from "@/components/app/ServerTemplate/ChannelsList.vue"; import ChannelsList from "@/components/app/ServerTemplate/ChannelsList.vue";
import Navigation from "@/components/app/Navigation.vue"; import Navigation from "@/components/app/Navigation.vue";
import config from "@/config"; import config from "@/config";
import { bus } from "@/main";
export default { export default {
components: { components: {
@ -63,7 +62,7 @@ export default {
visibility: true visibility: true
}); });
}, },
clickServer(serverID, event) { clickServer(serverID) {
this.openedServer = serverID; this.openedServer = serverID;
this.$store.dispatch("servers/setSelectedServerID", serverID); this.$store.dispatch("servers/setSelectedServerID", serverID);
}, },

5
src/components/app/ServerTemplate/ChannelsList.vue
View file

@ -46,10 +46,7 @@ export default {
async onEnd() { async onEnd() {
this.drag = false; this.drag = false;
const channelIDs = this.serverChannels.map(s => s.channelID); const channelIDs = this.serverChannels.map(s => s.channelID);
const update = await ServerService.channelPosition( await ServerService.channelPosition(this.serverID, channelIDs);
this.serverID,
channelIDs
);
}, },
openChannel(channel) { openChannel(channel) {
// add to local storage // add to local storage

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

@ -23,7 +23,6 @@
import { bus } from "../../../main.js"; import { bus } from "../../../main.js";
import config from "@/config.js"; import config from "@/config.js";
import ProfilePicture from "@/components/ProfilePictureTemplate.vue"; import ProfilePicture from "@/components/ProfilePictureTemplate.vue";
import ServerService from "@/services/ServerService";
export default { export default {
components: { ProfilePicture }, components: { ProfilePicture },

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

@ -3,7 +3,6 @@
</template> </template>
<script> <script>
import Vue from "vue";
import messageFormatter from "@/utils/messageFormatter"; import messageFormatter from "@/utils/messageFormatter";
export default { export default {

2
src/components/app/Tabs/AdminPanel/OnlineUsersPanel.vue
View file

@ -19,7 +19,7 @@ export default {
}; };
}, },
async mounted() { async mounted() {
const { ok, error, result } = await adminService.fetchOnlineUsers(); const { ok, result } = await adminService.fetchOnlineUsers();
if (ok) { if (ok) {
this.users = result.data; this.users = result.data;
} }

2
src/components/app/Tabs/AdminPanel/ThemesPanel.vue
View file

@ -19,7 +19,7 @@ export default {
}; };
}, },
async mounted() { async mounted() {
const { ok, error, result } = await adminService.fetchWaitingThemes(); const { ok, result } = await adminService.fetchWaitingThemes();
if (ok) { if (ok) {
this.themes = result.data; this.themes = result.data;
} }

2
src/components/app/Tabs/AdminPanel/UsersPanel.vue
View file

@ -19,7 +19,7 @@ export default {
}; };
}, },
async mounted() { async mounted() {
const { ok, error, result } = await adminService.fetchRecentCreatedUsers(); const { ok, result } = await adminService.fetchRecentCreatedUsers();
if (ok) { if (ok) {
this.users = result.data; this.users = result.data;
} }

10
src/components/app/Tabs/Explore.vue
View file

@ -83,7 +83,6 @@
</template> </template>
<script> <script>
import { bus } from "@/main";
import Servers from "./Explore/servers"; import Servers from "./Explore/servers";
import Themes from "./Explore/themes"; import Themes from "./Explore/themes";
import ServerService from "@/services/ServerService"; import ServerService from "@/services/ServerService";
@ -126,12 +125,9 @@ export default {
this.donateHide = true; this.donateHide = true;
}, },
async joinNertiviaServer() { async joinNertiviaServer() {
const { ok, error, result } = await ServerService.joinServerById( await ServerService.joinServerById(this.nertiviaServerID, {
this.nertiviaServerID, socketID: this.$socket.client.id
{ });
socketID: this.$socket.client.id
}
);
}, },
donateButton() { donateButton() {
window.open("https://www.paypal.me/DiscordDevHelp", "_blank"); window.open("https://www.paypal.me/DiscordDevHelp", "_blank");

4
src/components/app/Tabs/Explore/servers.vue
View file

@ -33,9 +33,7 @@ export default {
methods: { methods: {
async getServersList() { async getServersList() {
this.publicServers = null; this.publicServers = null;
const { ok, result, error } = await exploreService.getServersList( const { ok, result } = await exploreService.getServersList(this.params);
this.params
);
if (ok) { if (ok) {
this.publicServers = result.data; this.publicServers = result.data;
} }

1
src/components/app/Tabs/News.vue
View file

@ -59,7 +59,6 @@
</template> </template>
<script> <script>
import Spinner from "@/components/Spinner.vue";
import Navigation from "@/components/app/Navigation"; import Navigation from "@/components/app/Navigation";
import changelog from "@/utils/changelog.js"; import changelog from "@/utils/changelog.js";
export default { export default {

3
src/components/app/messageEmbedTemplate.vue
View file

@ -48,7 +48,6 @@ export default {
if (this.embed.type !== "article" && this.embed.type !== "video.other") if (this.embed.type !== "article" && this.embed.type !== "video.other")
return undefined; return undefined;
const embed = this.$refs["embed"];
const messageLog = document.querySelector(".message-logs"); const messageLog = document.querySelector(".message-logs");
const w = messageLog.offsetWidth; const w = messageLog.offsetWidth;
const h = messageLog.offsetHeight; const h = messageLog.offsetHeight;
@ -76,7 +75,7 @@ export default {
imageTag.style.height = imageTag.style.height =
this.clamp(newDimentions.height, 0, srcHeight) + "px"; this.clamp(newDimentions.height, 0, srcHeight) + "px";
}, },
onResize(dimensions) { onResize() {
this.articleSize(); this.articleSize();
} }
}, },

1
src/components/app/relationships/RecentFriends.vue
View file

@ -15,7 +15,6 @@
</template> </template>
<script> <script>
import Tab from "./Tab.vue";
import FriendsTemplate from "./FriendsTemplate.vue"; import FriendsTemplate from "./FriendsTemplate.vue";
export default { export default {
components: { components: {

14
src/views/HomePage.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div id="app"> <div id="app">
<vue-headful title="Nertivia" description="Nertivia Chat Client" /> <vue-headful title="Nertivia" description="Nertivia Chat Client" />
<div ref="backgroundImage" class="background-image" /> <div ref="backgroundImage" class="background" />
<div class="content"> <div class="content">
<transition name="fall-down" appear> <transition name="fall-down" appear>
<div class="header"> <div class="header">
@ -239,13 +239,13 @@ body {
background: #072834; background: #072834;
} }
.logo { .logo {
background-image: url("../assets/logo.png"); background: url("../assets/logo.png");
background-size: 100%; background-size: 100%;
height: 50px; height: 50px;
width: 50px; width: 50px;
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
margin-left: 10px; margin-left: 20px;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.name { .name {
@ -256,7 +256,7 @@ body {
color: white; color: white;
} }
.background-image { .background {
z-index: -1; z-index: -1;
position: fixed; position: fixed;
width: 100%; width: 100%;
@ -291,7 +291,8 @@ body {
margin-bottom: 0; margin-bottom: 0;
user-select: none; user-select: none;
flex-shrink: 0; flex-shrink: 0;
border: solid 5px #0f272a; border: solid 2px #0f272a;
border-radius: 4px;
} }
.title { .title {
font-size: 25px; font-size: 25px;
@ -314,6 +315,7 @@ body {
transition: 0.3s; transition: 0.3s;
margin: 10px; margin: 10px;
cursor: pointer; cursor: pointer;
border-radius: 4px;
} }
.button:hover { .button:hover {
@ -348,6 +350,7 @@ body {
height: 200px; height: 200px;
width: 200px; width: 200px;
flex-shrink: 0; flex-shrink: 0;
border-radius: 4px;
transition: 0.3s; transition: 0.3s;
} }
.feature .description { .feature .description {
@ -370,6 +373,7 @@ body {
margin-left: 5px; margin-left: 5px;
transition: 0.3s; transition: 0.3s;
cursor: pointer; cursor: pointer;
border-radius: 4px;
} }
.link:hover { .link:hover {
background: rgba(255, 255, 255, 0.26); background: rgba(255, 255, 255, 0.26);

2
src/views/LoginPage.vue
View file

@ -246,6 +246,7 @@ body {
z-index: 9999; z-index: 9999;
padding-bottom: 20px; padding-bottom: 20px;
background: #043b4a; background: #043b4a;
border-radius: 4px;
} }
.box .title { .box .title {
text-align: center; text-align: center;
@ -310,6 +311,7 @@ input {
outline: none; outline: none;
transition: 0.2s; transition: 0.2s;
cursor: pointer; cursor: pointer;
border-radius: 4px;
} }
.button:hover { .button:hover {
background: rgb(25, 151, 255); background: rgb(25, 151, 255);

2
src/views/RegisterPage.vue
View file

@ -254,6 +254,7 @@ body {
z-index: 9999; z-index: 9999;
padding-bottom: 20px; padding-bottom: 20px;
background: #043b4a; background: #043b4a;
border-radius: 4px;
} }
.box .title { .box .title {
text-align: center; text-align: center;
@ -318,6 +319,7 @@ input {
font-size: 17px; font-size: 17px;
outline: none; outline: none;
transition: 0.2s; transition: 0.2s;
border-radius: 4px;
cursor: pointer; cursor: pointer;
} }
.button:hover { .button:hover {