lucent/lucent-laravel
2
0
Fork 0
Code Issues 14 Pull Requests Releases 1 Activity

file previews

Browse Source
This commit is contained in:
Alex Lingris
2024-08-17 20:31:04 +03:00
parent 322962403d
commit 36165444cf
7 changed files with 219 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/sass/_dialog.scss
+1 -1
View File
@@ -21,7 +21,7 @@ dialog {
border-radius: 12px;
overflow: auto;
max-height: 96vh;
box-shadow: none;
box-shadow: none!important;
//position: relative;
.close {
front/sass/_dropdown.scss
+1
View File
@@ -24,6 +24,7 @@
flex-grow: 1;
top: 35px;
min-width: max-content;
border: 1px solid var(--p30);
&.orientation-right {
front/sass/_record-edit.scss
+35 -2
View File
@@ -44,12 +44,25 @@
margin: 6px 0;
border-color: transparent;
.button{
.button {
background: var(--p30);
&:hover{
&:hover {
background: var(--p40);
}
}
dialog {
.button {
background: var(--p20);
&:hover {
background: var(--p30);
}
}
}
}
.field-header {
@@ -109,4 +122,24 @@
line-height: 14px;
}
}
.record-edit-file-preview {
display: flex;
gap: 20px;
.file-details {
width: 50%;
display: flex;
flex-direction: column;
gap: 5px;
}
.file-details-item {
.text-muted {
color: var(--grey-dark);
}
}
}
front/sass/_table.scss
+116 -94
View File
@@ -1,106 +1,128 @@
.table {
min-width: 600px;
overflow: auto;
min-width: 600px;
overflow: auto;
background: var(--p20);
padding: 1px;
font-size: 14px;
border-radius: 12px;
table {
background: var(--p20);
padding: 1px;
font-size: 14px;
width: 100%;
border-collapse: separate;
border: none;
border-spacing: 0;
}
thead {
border-radius: 12px;
table {
tr {
border-radius: 12px;
}
}
th {
font-size: 14px;
font-weight: normal;
white-space: nowrap;
max-width: 400px;
border: none;
background: var(--p20);
text-align: left;
padding: 8px 16px;
&.is-sort {
font-weight: 700;
}
&:first-child {
border-radius: 12px 0 0 0;
}
&:last-child {
border-radius: 0 12px 0 0;
}
}
td {
font-weight: normal;
white-space: nowrap;
max-width: 400px;
height: 48px;
padding: 4px 16px;
border: none;
overflow: hidden;
//img{
// width: 48px;
//}
.status {
color: var(--text);
font-size: 80%;
}
.row-name {
display: flex;
align-items: center;
gap: 6px;
}
.title-td-contents {
display: flex;
align-items: center;
gap: 6px;
font-size: 14px;
line-height: 14px;
}
}
tbody {
tr {
border-radius: 12px;
background: var(--p10);
border: none;
&:has(input:checked) {
background: var(--p30);
}
&:hover {
background: var(--p20);
width: 100%;
border-collapse:separate;
border: none;
border-spacing: 0;
}
}
thead{
border-radius: 12px;
tr{
border-radius: 12px;
}
}
th {
font-size: 14px;
font-weight: normal;
white-space: nowrap;
max-width: 400px;
border: none;
background: var(--p20);
text-align: left;
padding: 8px 16px;
&.is-sort {
font-weight: 700;
}
&:first-child{
border-radius: 12px 0 0 0 ;
}
&:last-child{
border-radius: 0 12px 0 0;
}
}
td {
font-weight: normal;
white-space: nowrap;
max-width: 400px;
height: 48px;
padding: 4px 16px;
border: none;
overflow: hidden;
}
//img{
// width: 48px;
//}
tr:nth-child(odd) {
//background-color: #f9f9f9;
}
.status{
color:var(--text);
font-size: 80%;
}
.row-name{
display: flex;
align-items: center;
gap: 6px;
}
td:nth-child(odd) {
// border-left: 1px solid #e4e4e4;
// border-right: 1px solid #e4e4e4;
}
.title-td-contents{
display: flex;
align-items: center;
gap: 6px;
font-size: 14px;
line-height: 14px;
}
}
tbody{
tr {
border-radius: 12px;
background: var(--p10);
border: none;
&:has(input:checked){
background: var(--p30);
}
&:hover{
background: var(--p20);
}
}
}
th:nth-child(odd) {
}
tr:nth-child(odd) {
//background-color: #f9f9f9;
}
td:nth-child(odd) {
// border-left: 1px solid #e4e4e4;
// border-right: 1px solid #e4e4e4;
}
th:nth-child(odd) {
}
.field-ui-number {
text-align: right;
}
.field-ui-number {
text-align: right;
}
}
.file-table-row {
display: flex;
align-items: center;
gap: 5px;
& > div {
display: flex;
flex-flow: column;
gap: 5px;
}
}