CSGOWTF/csgowtf
3
2
Fork 1
Code Issues 18 Pull Requests Projects Releases 7 Wiki Activity

updated css
All checks were successful
CSGOWTF/csgowtf/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
vikingowl
2022-02-03 17:49:43 +01:00
parent ededd0b292
commit 18f9796365
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@@ -54,7 +54,7 @@ export default {
.bg-img { .bg-img {
z-index: -1; z-index: -1;
position: fixed; position: fixed;
width: 100%; width: 100vh;
object-fit: cover; object-fit: cover;
overflow: hidden; overflow: hidden;
} }

12
src/components/MatchChatHistory.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="chat-history mt-2 d-flex justify-content-center align-items-center"> <div class="chat-history mt-2">
<table v-if="data.chat.length > 0" class="table table-borderless"> <table v-if="data.chat.length > 0" class="table table-borderless">
<tbody> <tbody>
<tr v-for="(m, id) in data.chat" :key="id"> <tr v-for="(m, id) in data.chat" :key="id">
@@ -156,11 +156,19 @@ table td {
} }
.message { .message {
width: 40ch; width: auto;
max-width: 40ch; max-width: 40ch;
} }
@media screen and (max-width: 991px) {
.chat-history {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 576px) { @media screen and (max-width: 576px) {
.td-avatar { .td-avatar {
display: none; display: none;
} }