diff options
author | Rasmus Luha <rasmus.luha@gmail.com> | 2023-01-10 15:55:53 +0200 |
---|---|---|
committer | Rasmus Luha <rasmus.luha@gmail.com> | 2023-01-10 15:55:53 +0200 |
commit | e5070eb88e0cb127df14f1c53e4962d3919e76de (patch) | |
tree | 436ecdf99a3749791b2c94816d074d326e189c49 /rannak/mangud/partorg/kuulsused | |
parent | 306d47eab4580856134ea3e4c4d46ba803dfd8d7 (diff) |
add Avatar to modals
Diffstat (limited to 'rannak/mangud/partorg/kuulsused')
-rw-r--r-- | rannak/mangud/partorg/kuulsused/index.html | 8 | ||||
-rw-r--r-- | rannak/mangud/partorg/kuulsused/pildid/avatar.png | bin | 0 -> 657556 bytes | |||
-rw-r--r-- | rannak/mangud/partorg/kuulsused/styles.css | 10 |
3 files changed, 14 insertions, 4 deletions
diff --git a/rannak/mangud/partorg/kuulsused/index.html b/rannak/mangud/partorg/kuulsused/index.html index 221580b..4dfe755 100644 --- a/rannak/mangud/partorg/kuulsused/index.html +++ b/rannak/mangud/partorg/kuulsused/index.html @@ -37,10 +37,10 @@ <div class="modal-content"> <div class="modal-header"> - <h5 class="modal-title" id="myModalLabel">Sissejuhatus</h5> - <button type="button" class="closeModalButton" data-bs-dismiss="modal" aria-label="Close"> - <span aria-hidden="true">×</span> - </button> + <div class="modalHeaderWrapper"> + <h3 class="modal-title" id="myModalLabel">Sissejuhatus</h5> + </div> + <img class="avatar" alt="avatar" src="pildid/avatar.png"/> </div> <div class="modal-body"> diff --git a/rannak/mangud/partorg/kuulsused/pildid/avatar.png b/rannak/mangud/partorg/kuulsused/pildid/avatar.png Binary files differnew file mode 100644 index 0000000..485a70c --- /dev/null +++ b/rannak/mangud/partorg/kuulsused/pildid/avatar.png diff --git a/rannak/mangud/partorg/kuulsused/styles.css b/rannak/mangud/partorg/kuulsused/styles.css index 7c8f16e..79b5177 100644 --- a/rannak/mangud/partorg/kuulsused/styles.css +++ b/rannak/mangud/partorg/kuulsused/styles.css @@ -6,6 +6,16 @@ margin-bottom: 20px !important; } +.avatar { + border-radius: 20px; + width: 100% !important; +} + +.modalHeaderWrapper{ + text-align: center; + margin: 0 !important; + width: 100% !important; +} .moveOn{ display: inline-block; |