Amin/XRoomDashboardFront
1
0
Fork 0
mirror of https://github.com/Dadechin/XRoomDashboardFront.git synced 2025-07-03 08:44:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix some style in files

Browse Source
This commit is contained in:
Diyar Akhgar 2025-06-12 17:28:32 +03:30
parent 13d05d6473
commit b6a31d88c1
1 changed files with 18 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
xroom-dashboard/src/pages/dashboard/files.vue
View File

@ -478,11 +478,11 @@ export default {
} }
.section-description { .section-description {
margin: 1rem 0 3rem !important; margin: 1rem 0 3rem;
} }
.section-description p { .section-description p {
line-height: 190%; line-height: 1.9;
color: #4f5a69; color: #4f5a69;
font-size: 15px; font-size: 15px;
margin-top: 1rem; margin-top: 1rem;
@ -526,11 +526,11 @@ export default {
color: #fff; color: #fff;
border: none; border: none;
border-radius: 10px; border-radius: 10px;
padding: 0.5rem 1.5rem; padding: .5rem 1.5rem;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 0.5rem; gap: .5rem;
font-size: 1.125rem; font-size: 1.125rem;
cursor: pointer; cursor: pointer;
} }
@ -540,9 +540,9 @@ export default {
border: none; border: none;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5rem; gap: .5rem;
cursor: pointer; cursor: pointer;
padding: 0.5rem 0; padding: .5rem 0;
} }
.active-btn { .active-btn {
@ -583,13 +583,12 @@ export default {
gap: 1rem; gap: 1rem;
} }
.file-card, .file-card, .swiper-file-card {
.swiper-file-card { width: calc(33.333% - .67rem);
width: calc(33.333% - 0.67rem);
border: 1px solid #b8c0cb; border: 1px solid #b8c0cb;
border-radius: 16px; border-radius: 16px;
background: #fff; background: #fff;
padding: 0.5rem 0.5rem 1rem; padding: .5rem .5rem 1rem;
cursor: pointer; cursor: pointer;
} }
@ -606,10 +605,7 @@ export default {
object-fit: cover; object-fit: cover;
} }
.file-pdf, .file-pdf, .file-video, .file-glb, .file-other {
.file-video,
.file-glb,
.file-other {
object-fit: contain; object-fit: contain;
width: 70%; width: 70%;
display: block; display: block;
@ -634,7 +630,7 @@ export default {
.file-meta { .file-meta {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5rem; gap: .5rem;
} }
.file-meta svg { .file-meta svg {
@ -663,22 +659,21 @@ export default {
color: #fff; color: #fff;
border: none; border: none;
border-radius: 10px; border-radius: 10px;
padding: 0.5rem 1.5rem; padding: .5rem 1.5rem;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 0.5rem; gap: .5rem;
font-size: 1.125rem; font-size: 1.125rem;
cursor: pointer; cursor: pointer;
} }
.upload-btn svg, .upload-btn svg, .new-file svg {
.new-file svg {
width: 22px; width: 22px;
height: 22px; height: 22px;
} }
@media (min-width: 1024px) and (max-width: 1280px) { @media (max-width: 1280px) {
.swiper-file-section { .swiper-file-section {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -724,7 +719,7 @@ export default {
} }
} }
/* @media (min-width: 1024px) { @media (min-width: 1280px) {
.file-manager-layout { .file-manager-layout {
flex-direction: row; flex-direction: row;
} }
@ -744,7 +739,7 @@ export default {
.file-card { .file-card {
border-radius: 16px; border-radius: 16px;
padding: 0.5rem 0.5rem 1rem; padding: .5rem .5rem 1rem;
} }
.file-image { .file-image {
@ -752,10 +747,7 @@ export default {
border-radius: 15px; border-radius: 15px;
} }
.file-pdf, .file-pdf, .file-video, .file-glb, .file-other {
.file-video,
.file-glb,
.file-other {
width: 100%; width: 100%;
} }
@ -785,24 +777,6 @@ export default {
.filter-btn { .filter-btn {
font-size: 1.125rem; font-size: 1.125rem;
} }
} */
@media (min-width: 1280px) {
.section-title {
font-size: 21px;
}
.section-description p {
font-size: 17.5px;
}
.file-section {
display: block;
margin-bottom: 3rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
} }
</style> </style>