From e5070eb88e0cb127df14f1c53e4962d3919e76de Mon Sep 17 00:00:00 2001
From: Rasmus Luha <rasmus.luha@gmail.com>
Date: Tue, 10 Jan 2023 15:55:53 +0200
Subject: add Avatar to modals

---
 rannak/mangud/uliopilane/tSark/img/avatar.png | Bin 0 -> 668741 bytes
 rannak/mangud/uliopilane/tSark/index.html     |   8 ++++----
 rannak/mangud/uliopilane/tSark/style.css      |  13 +++++++++++++
 3 files changed, 17 insertions(+), 4 deletions(-)
 create mode 100644 rannak/mangud/uliopilane/tSark/img/avatar.png

(limited to 'rannak/mangud/uliopilane/tSark')

diff --git a/rannak/mangud/uliopilane/tSark/img/avatar.png b/rannak/mangud/uliopilane/tSark/img/avatar.png
new file mode 100644
index 0000000..dd044fd
Binary files /dev/null and b/rannak/mangud/uliopilane/tSark/img/avatar.png differ
diff --git a/rannak/mangud/uliopilane/tSark/index.html b/rannak/mangud/uliopilane/tSark/index.html
index 9fcbef6..789ad8f 100644
--- a/rannak/mangud/uliopilane/tSark/index.html
+++ b/rannak/mangud/uliopilane/tSark/index.html
@@ -27,10 +27,10 @@
         <div class="modal-content">
 
           <div class="modal-header">
-            <h5 class="modal-title" id="myModalLabel">Sissejuhatav info T-särgi Mängule</h5>
-            <button type="button" class="closeModalButton" data-bs-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">&times;</span>
-            </button>
+            <div class="modalHeaderWrapper">
+              <h3 class="modal-title" id="myModalLabel">Sissejuhatus</h5>
+            </div>
+            <img class="avatar" alt="avatar" src="img/avatar.png"/>
           </div>
 
           <div class="modal-body">
diff --git a/rannak/mangud/uliopilane/tSark/style.css b/rannak/mangud/uliopilane/tSark/style.css
index ff8a478..9696ffc 100644
--- a/rannak/mangud/uliopilane/tSark/style.css
+++ b/rannak/mangud/uliopilane/tSark/style.css
@@ -61,6 +61,19 @@ button:disabled{
 
 
 /* Modal Stuff */
+
+.avatar {
+    border-radius: 20px;
+    width: 100% !important;
+}
+
+.modalHeaderWrapper{
+    text-align: center;
+    margin: 0 !important;
+    width: 100% !important;
+}
+
+
 .modal{
     color: black !important;
 }
-- 
cgit v1.2.3