3018540
/
vuejs_seminar_2025
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

move global css

6_list_item_befüllen
Ann-Kathrin Stracke 2025-01-28 08:35:31 +01:00
parent 950b1bd731
commit 0d9f4524f6
5 changed files with 35 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
vue-project/assets/css/global.css
View File

@ -1,4 +0,0 @@
body{
display: flex;
justify-content: center;
}

4
vue-project/index.html
View File

@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang=""> <html lang="">
<head> <head>
<link rel="stylesheet" href="assets/css/global.css"> <link rel="stylesheet" href="src/assets/global.css">
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title> <title>Vue Test Projekt</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

32
vue-project/src/assets/global.css 100644
View File

@ -0,0 +1,32 @@
body {
display: flex;
justify-content: center;
}
.input-mask {
background-color: aquamarine;
padding: 1em;
text-align: center;
}
.list {
padding: 1em;
background-color: cadetblue;
justify-content: center;
display: flex;
flex-direction: column;
}
table {
border-collapse: collapse;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f4f4f4;
}

6
vue-project/src/components/InputMask.vue
View File

@ -60,9 +60,5 @@ function validateInput() {
</script> </script>
<style scoped> <style scoped>
.input-mask {
background-color: aquamarine;
padding: 1em;
text-align: center;
}
</style> </style>

20
vue-project/src/components/List.vue
View File

@ -27,25 +27,5 @@ const props = defineProps(['grades'])
</script> </script>
<style lang="css"> <style lang="css">
.list {
padding: 1em;
background-color: cadetblue;
justify-content: center;
display: flex;
flex-direction: column;
}
table {
border-collapse: collapse;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f4f4f4;
}
</style> </style>