uni-days/ittech
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

W4 done

Browse source
This commit is contained in:
Andrew 2022-02-22 11:27:57 +07:00
parent 27be80ff9d
commit 0e2c114a84
14 changed files with 32686 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
w4/css/images/ui-icons_444444_256x240.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
w4/css/images/ui-icons_555555_256x240.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
w4/css/images/ui-icons_777620_256x240.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
w4/css/images/ui-icons_777777_256x240.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
w4/css/images/ui-icons_cc0000_256x240.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
w4/css/images/ui-icons_ffffff_256x240.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.3 KiB

1315
w4/css/jquery-ui.css vendored Normal file
View file

File diff suppressed because it is too large Load diff

94
w4/css/main.css Normal file
View file

@ -0,0 +1,94 @@
* {
padding: 0;
margin: 0;
}
#main {
display: flex;
gap: 2rem;
overflow: hidden;
}
#menu {
height: 100%;
flex-basis: 40rem;
}
#gallery {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: flex-start;
height: 600px;
width: 100vw;
overflow: auto;
flex-direction: row;
overflow-y: scroll;
}
.gallery-image {
width: 100px;
height: 100px;
margin: 5px;
object-fit: cover;
cursor: pointer;
transition: all 200ms;
}
.fitting-image {
border-radius: 1rem;
flex-basis: fit-content;
transition: all 200ms;
}
.dialog-imageview-host {
width: calc(100% - 10px) !important;
height: calc(100% - 10px) !important;
top: 0 !important;
left: 0 !important;
display: flex;
flex-direction: column;
align-content: center;
justify-content: space-between;
align-items: stretch;
}
#dialog-imageview {
display: flex;
flex-direction: row;
width: 100% !important;
height: 100% !important;
align-content: center;
justify-content: center;
padding: 0;
margin: 0;
border: 0;
align-items: center;
}
.di-img {
height: -webkit-fill-available;
}
#slider-gallery {
display: flex;
flex-direction: column;
gap: 3rem;
padding: 2rem;
}
#gallery-slided {
flex-basis: 600px;
display: flex;
align-items: stretch;
align-content: center;
flex-direction: row;
flex-wrap: nowrap;
overflow-x: hidden;
}
#gallery-slided > .gallery-image {
height: auto;
width: auto;
}