|
Last change
on this file was 59329aa, checked in by Ema <ema_spirova@…>, 3 years ago |
|
adding photos
|
-
Property mode
set to
100644
|
|
File size:
912 bytes
|
| Rev | Line | |
|---|
| [59329aa] | 1 | .p-image-mask {
|
|---|
| 2 | display: flex;
|
|---|
| 3 | align-items: center;
|
|---|
| 4 | justify-content: center;
|
|---|
| 5 | }
|
|---|
| 6 |
|
|---|
| 7 | .p-image-preview-container {
|
|---|
| 8 | position: relative;
|
|---|
| 9 | display: inline-block;
|
|---|
| 10 | }
|
|---|
| 11 |
|
|---|
| 12 | .p-image-preview-indicator {
|
|---|
| 13 | position: absolute;
|
|---|
| 14 | left: 0;
|
|---|
| 15 | top: 0;
|
|---|
| 16 | width: 100%;
|
|---|
| 17 | height: 100%;
|
|---|
| 18 | display: flex;
|
|---|
| 19 | align-items: center;
|
|---|
| 20 | justify-content: center;
|
|---|
| 21 | opacity: 0;
|
|---|
| 22 | transition: opacity .3s;
|
|---|
| 23 | }
|
|---|
| 24 |
|
|---|
| 25 | .p-image-preview-icon {
|
|---|
| 26 | font-size: 1.5rem;
|
|---|
| 27 | }
|
|---|
| 28 |
|
|---|
| 29 | .p-image-preview-container:hover > .p-image-preview-indicator {
|
|---|
| 30 | opacity: 1;
|
|---|
| 31 | cursor: pointer;
|
|---|
| 32 | }
|
|---|
| 33 |
|
|---|
| 34 | .p-image-preview-container > img {
|
|---|
| 35 | cursor: pointer;
|
|---|
| 36 | }
|
|---|
| 37 |
|
|---|
| 38 | .p-image-toolbar {
|
|---|
| 39 | position: absolute;
|
|---|
| 40 | top: 0;
|
|---|
| 41 | right: 0;
|
|---|
| 42 | display: flex;
|
|---|
| 43 | }
|
|---|
| 44 |
|
|---|
| 45 | .p-image-action.p-link {
|
|---|
| 46 | display: flex;
|
|---|
| 47 | justify-content: center;
|
|---|
| 48 | align-items: center;
|
|---|
| 49 | }
|
|---|
| 50 |
|
|---|
| 51 | .p-image-preview {
|
|---|
| 52 | transition: transform .15s;
|
|---|
| 53 | max-width: 100vw;
|
|---|
| 54 | max-height: 100vh;
|
|---|
| 55 | }
|
|---|
Note:
See
TracBrowser
for help on using the repository browser.
