mirror of
https://github.com/Threnklyn/wg-ui.git
synced 2026-06-01 03:18:27 +02:00
Hide end nav section on small screens
This commit is contained in:
+9
-1
@@ -8,13 +8,21 @@
|
||||
export let user;
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@media screen and (max-width: 800px) {
|
||||
.user {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<TopAppBar variant="static" color="primary">
|
||||
<Row>
|
||||
<Section>
|
||||
<Title>Wireguard VPN</Title>
|
||||
</Section>
|
||||
<Section align="end" toolbar>
|
||||
Logged in as {user}
|
||||
<small class="user">Logged in as {user}</small>
|
||||
</Section>
|
||||
</Row>
|
||||
</TopAppBar>
|
||||
|
||||
Reference in New Issue
Block a user