albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

re added userfiles module css

Browse source
This commit is contained in:
mrfry 2022-12-04 19:12:10 +01:00
parent 4d78827423
commit ca208dfc39
1 changed files with 122 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

122
src/pages/userfiles.module.css Normal file
View file

@ -0,0 +1,122 @@
.tableContainer {
user-select: none;
display: flex;
flex-flow: column;
}
.tableContainer > div {
padding: 5px 5px;
display: flex;
align-items: stretch;
}
.tableContainer > div > div {
padding: 5px;
}
.tableContainer > div > div:nth-child(1) {
flex: 1 0 100px;
}
.tableContainer > div > div:nth-child(2) {
flex: 0 200px;
}
.tableContainer > div > div:nth-child(3) {
flex: 0 90px;
}
.tableContainer > div > div:nth-child(4) {
flex: 0 100px;
}
.tableContainer > div > div:nth-child(5) {
flex: 0 110px;
}
.tableContainer > div > div:nth-child(6) {
flex: 0 100px;
}
.rows > div {
word-wrap: anywhere;
cursor: pointer;
align-items: center;
}
.rows > div:nth-child(2n + 1) {
background-color: var(--dark-color);
}
.rows > div:hover {
background-color: var(--hoover-color);
}
.header > div > div {
color: var(--text-color);
display: flex;
align-items: center;
cursor: pointer;
background-color: var(--background-color);
}
.header > div > div:hover {
background-color: var(--hoover-color);
}
@media screen and (max-width: 700px) {
.header > div > div {
height: 100px;
writing-mode: vertical-rl;
text-orientation: sideways;
}
}
.uploadContainer > div {
padding: 5px;
text-align: center;
}
.deleteButton {
text-align: center;
padding: 2px;
border: 1px solid var(--hoover-color);
border-radius: 3px;
cursor: pointer;
}
.deleteButton:hover {
background-color: var(--dark-color);
}
.newButton {
width: 35%;
}
.description {
padding: 5px;
text-align: center;
}
.description > b {
color: red;
}
.currDir {
color: var(--text-color);
text-align: center;
font-size: 20px;
}
.title {
display: flex;
justify-content: center;
align-items: center;
}
.title > div:nth-child(1) {
padding: 0px 16px;
}
.title > div:nth-child(2) {
flex: 1;
}