ClusterCockpit/cc-backend
1
0
Fork 0
mirror of https://github.com/ClusterCockpit/cc-backend synced 2024-09-20 03:17:26 +02:00
Code Issues Packages Releases Activity

Convert styling and layout to bootstrap

Browse Source
This commit is contained in:
Jan Eitzinger 2023-06-23 10:20:48 +02:00
parent 3c26deda30
commit 34f15cc407
1 changed files with 7 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
web/templates/message.tmpl
View File

@ -1,42 +1,17 @@
{{define "content"}}
<div class="row">
<div class="col messageCol">
<div class="alert messageCard {{.MsgType}}" role="alert">
<div class="row justify-content-center">
<div class="col-4">
<div class="alert {{.MsgType}} p-3 text-center fs-3" role="alert">
{{if eq .MsgType "alert-info"}}
<i class="bi-info-circle-fill messageIcon"></i>
<b>{{.Message}}</b>
<i class="bi-info-circle-fill me-3"></i>
{{else if eq .MsgType "alert-warning"}}
<i class="bi-question-circle-fill messageIcon"></i>
<b>{{.Message}}</b>
<i class="bi-question-circle-fill me-3"></i>
{{else if eq .MsgType "alert-danger"}}
<i class="bi-exclamation-circle-fill messageIcon"></i>
<b>{{.Message}}</b>
<i class="bi-exclamation-circle-fill me-3"></i>
{{end}}
{{.Message}}
</div>
</div>
</div>
{{end}}
{{define "stylesheets"}}
<style>
.messageCol {
display: flex;
justify-content: center;
}
.messageCard {
display: flex;
justify-content: center;
align-items: center;
width: 50%;
padding-top: 2rem;
padding-bottom: 2rem;
}
.messageIcon {
font-size: 2rem;
margin-right:1rem;
}
</style>
{{end}}