Update overview quicklinks with community approved design
Resubmitting after reverted–original commit here
https://gerrit.openbmc-project.xyz/c/openbmc/webui-vue/+/28762
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Ib4b2cc8015b86a9f6de11ebcade57abe086c5990
diff --git a/src/views/Overview/Overview.vue b/src/views/Overview/Overview.vue
index 6ff9f4a..245fea6 100644
--- a/src/views/Overview/Overview.vue
+++ b/src/views/Overview/Overview.vue
@@ -1,8 +1,11 @@
<template>
<b-container fluid>
<page-title />
+ <div class="quicklinks-section">
+ <overview-quick-links />
+ </div>
<b-row>
- <b-col lg="8" sm="12">
+ <b-col>
<page-section section-title="Server information">
<b-row>
<b-col sm="6">
@@ -76,9 +79,6 @@
</b-row>
</page-section>
</b-col>
- <b-col lg="4" sm="12">
- <overview-quick-links />
- </b-col>
</b-row>
<page-section section-title="High priority events">
<overview-events />
@@ -127,3 +127,10 @@
}
};
</script>
+
+<style lang="scss" scoped>
+.quicklinks-section {
+ margin-bottom: $spacer * 2;
+ margin-left: -1rem;
+}
+</style>